.install-presentation{max-width:1200px;margin:30px auto}.install-hero{text-align:center;margin-bottom:30px;padding:20px;background:linear-gradient(135deg,#40a0ff 0,#0054cd 100%);border-radius:40px;border:4px solid #0054cd;box-shadow:0 10px 30px rgba(0,84,205,0.5)}.install-badge{display:inline-block;background:#ff7e00;color:#f3f8c5;font-weight:800;font-size:16px;padding:8px 25px;border-radius:50px;margin-bottom:15px;border:3px solid #f3f8c5;box-shadow:0 0 20px rgba(255,126,0,0.5);text-transform:uppercase;letter-spacing:1px;animation:pulse-badge 2s infinite}@keyframes pulse-badge{0%,100%{transform:scale(1)}50%{transform:scale(1.05);box-shadow:0 0 30px rgba(255,126,0,0.8)}}.install-title{font-size:40px;font-weight:800;color:#f3f8c5;margin-bottom:20px;text-shadow:3px 3px 0 #0054cd;line-height:1.2}.install-quick-features{display:flex;justify-content:center;gap:30px;flex-wrap:wrap}.quick-feature{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,0.2);padding:8px 20px;border-radius:50px;border:2px solid #f3f8c5;color:#f3f8c5;font-weight:600;font-size:16px;backdrop-filter:blur(5px)}.quick-icon{font-size:24px}.install-options{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:40px}.install-card{background:#40a0ff;border:4px solid #0054cd;border-radius:30px;overflow:hidden;transition:all .3s ease;box-shadow:0 10px 20px rgba(0,84,205,0.3)}.install-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(0,84,205,0.5)}.install-card-header{background:#0054cd;padding:20px 25px;display:flex;align-items:center;gap:15px;border-bottom:3px solid #ff7e00}.install-num{width:50px;height:50px;background:#ff7e00;color:#f3f8c5;font-size:28px;font-weight:800;border-radius:50%;display:flex;align-items:center;justify-content:center;border:3px solid #f3f8c5;box-shadow:0 0 15px rgba(255,126,0,0.5)}.install-card-header h3{color:#f3f8c5;font-size:24px;font-weight:700;margin:0;text-shadow:2px 2px 0 #002b6b}.install-card-content{padding:25px}.install-desc{color:#f3f8c5;font-size:16px;line-height:1.5;margin-bottom:20px;font-weight:500;background:rgba(0,84,205,0.3);padding:15px;border-radius:15px;border-left:5px solid #ff7e00}.code-block{background:#1e293b;border-radius:15px;margin-bottom:20px;border:2px solid #0054cd;overflow:hidden}.code-header{background:#0f172a;padding:10px 15px;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #0054cd}.code-header span{color:#ff7e00;font-weight:600;font-size:14px;text-transform:uppercase}.copy-btn{background:#40a0ff;color:#f3f8c5;border:2px solid #0054cd;padding:5px 12px;border-radius:20px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease}.copy-btn:hover{background:#ff7e00;border-color:#f3f8c5;transform:scale(1.05)}.code-block pre{margin:0;padding:15px;overflow-x:auto}.code-block code{color:#f3f8c5;font-family:'Courier New',monospace;font-size:14px;line-height:1.5}.install-note{display:flex;align-items:center;gap:10px;background:rgba(255,126,0,0.2);border:2px solid #ff7e00;border-radius:12px;padding:12px 15px;color:#f3f8c5;font-weight:500}.note-icon{font-size:20px}.install-example{margin-top:15px;text-align:right}.example-label{color:#f3f8c5;font-weight:500;margin-right:10px;opacity:.9}.example-link{display:inline-block;background:#ff7e00;color:#f3f8c5;padding:8px 20px;border-radius:30px;text-decoration:none;font-weight:600;border:2px solid #f3f8c5;transition:all .3s ease}.example-link:hover{background:#f3f8c5;color:#ff7e00;transform:translateX(5px)}.install-register{display:flex;align-items:center;gap:25px;background:linear-gradient(135deg,#ff7e00,#c60);border:4px solid #f3f8c5;border-radius:30px;padding:30px;margin:40px 0;box-shadow:0 15px 30px rgba(255,126,0,0.4)}.register-icon{font-size:60px;background:#f3f8c5;width:100px;height:100px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:4px solid #0054cd;box-shadow:0 0 30px rgba(0,84,205,0.5)}.register-content h3{color:#f3f8c5;font-size:28px;font-weight:700;margin-bottom:10px;text-shadow:2px 2px 0 #994d00}.register-content p{color:#fff;font-size:18px;line-height:1.5;font-weight:500}.install-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:40px 0}.step{background:#40a0ff;border:3px solid #0054cd;border-radius:25px;padding:25px;display:flex;gap:15px;align-items:flex-start;transition:all .3s ease}.step:hover{transform:translateY(-5px);background:#0054cd;box-shadow:0 15px 30px rgba(0,84,205,0.5)}.step-circle{min-width:50px;height:50px;background:#ff7e00;color:#f3f8c5;font-size:24px;font-weight:800;border-radius:50%;display:flex;align-items:center;justify-content:center;border:3px solid #f3f8c5;box-shadow:0 5px 10px rgba(0,0,0,0.2)}.step-content h4{color:#f3f8c5;font-size:20px;font-weight:700;margin-bottom:8px}.step-content p{color:#fff;font-size:15px;line-height:1.4;opacity:.95}.install-warning{background:rgba(255,0,0,0.2);border:4px solid #ff3333;border-radius:20px;padding:20px 30px;display:flex;align-items:center;gap:20px;margin:30px 0;backdrop-filter:blur(5px)}.warning-icon{font-size:40px}.install-warning span{color:#00099e;font-size:18px;font-weight:600}@media (max-width:992px){.install-title{font-size:36px}.install-options,.install-steps{grid-template-columns:1fr}}@media (max-width:768px){.install-hero{padding:20px 15px}.install-title{font-size:28px}.quick-feature{padding:8px 15px;font-size:14px}.install-register{flex-direction:column;text-align:center;padding:20px}.register-icon{width:80px;height:80px;font-size:40px}.register-content h3{font-size:22px}.register-content p{font-size:16px}.step{padding:20px}}.domain-registration-form{width:100%;max-width:600px;margin:0 auto;padding:20px}.form-title{text-align:center;margin-bottom:30px}.form-title h3{color:#f3f8c5;font-size:28px;font-weight:700;margin-bottom:10px;text-shadow:2px 2px 0 #0054cd}.form-title p{color:#fff;font-size:16px;opacity:.9}.form-group{margin-bottom:25px}.form-group label{display:block;color:#f3f8c5;font-size:18px;font-weight:600;margin-bottom:8px;text-shadow:1px 1px 0 #0054cd}.form-group input,.form-group select{width:100%;padding:15px 20px;background:#fff;border:3px solid #0054cd;border-radius:15px;font-size:16px;color:#333;transition:all .3s ease}.form-group input:focus,.form-group select:focus{outline:0;border-color:#ff7e00;box-shadow:0 0 15px rgba(255,126,0,0.3);transform:translateY(-2px)}.form-group input::placeholder{color:#999}.form-hint{display:block;color:#f3f8c5;font-size:14px;margin-top:5px;opacity:.8}.exchange-form-button{width:100%;padding:18px!important;font-size:20px!important;margin-top:10px;background:linear-gradient(135deg,#ff7e00,#c60)!important;border:3px solid #f3f8c5!important;cursor:pointer}.exchange-form-button:hover{background:linear-gradient(135deg,#ff9933,#ff7e00)!important;transform:translateY(-3px);box-shadow:0 10px 25px rgba(255,126,0,0.4)}.message{padding:15px 25px;border-radius:15px;margin:20px auto;max-width:600px;text-align:center;font-weight:600;font-size:16px;border:3px solid}.message.success{background:rgba(40,167,69,0.2);color:#fff;border-color:#28a745}.message.error{background:rgba(220,53,69,0.2);color:#fff;border-color:#dc3545}@media (max-width:768px){.domain-registration-form{padding:15px}.form-title h3{font-size:24px}.form-group input,.form-group select{padding:12px 15px}.exchange-form-button{font-size:18px!important;padding:15px!important}}.form-block.exchange-form{background:#0054cd!important;max-height:350px;min-height:auto;padding:30px;display:flex;align-items:center;justify-content:center}.domain-form{width:100%;max-width:500px;text-align:center}.form-title{color:#f3f8c5;font-size:24px;font-weight:700;margin-bottom:20px;text-shadow:2px 2px 0 #002b6b}.form-group{margin-bottom:20px}.form-group input{width:100%;padding:15px 20px;background:#fff;border:3px solid #40a0ff;border-radius:50px;font-size:18px;color:#333;text-align:center;transition:all .3s ease}.form-group input:focus{outline:0;border-color:#ff7e00;box-shadow:0 0 20px rgba(255,126,0,0.3)}.form-group small{display:block;color:#f3f8c5;font-size:14px;margin-top:8px;opacity:.9}.exchange-form-button{width:100%;padding:15px!important;font-size:20px!important;background:linear-gradient(135deg,#ff7e00,#c60)!important;border:3px solid #f3f8c5!important;cursor:pointer;border-radius:50px!important}.exchange-form-button:hover{background:linear-gradient(135deg,#ff9933,#ff7e00)!important;transform:translateY(-2px);box-shadow:0 10px 20px rgba(255,126,0,0.3)}.modal{position:fixed;top:20px;left:50%;transform:translateX(-50%) translateY(-100px);z-index:9999;transition:transform .3s ease-in-out;pointer-events:none}.modal.show{transform:translateX(-50%) translateY(0)}.modal-content{background:#40a0ff;border:4px solid #0054cd;border-radius:50px;padding:15px 30px;min-width:300px;text-align:center;box-shadow:0 10px 30px rgba(0,84,205,0.5);display:flex;align-items:center;justify-content:center;gap:15px;backdrop-filter:blur(10px)}.modal-content.success{background:linear-gradient(135deg,#28a745,#20c997);border-color:#f3f8c5}.modal-content.error{background:linear-gradient(135deg,#dc3545,#c82333);border-color:#f3f8c5}.modal-icon{font-size:28px;color:#f3f8c5}.modal-message{color:#f3f8c5;font-size:18px;font-weight:600;text-shadow:1px 1px 0 rgba(0,0,0,0.2)}@media (max-width:768px){.form-block.exchange-form{max-height:300px;padding:20px}.form-title{font-size:20px;margin-bottom:15px}.form-group input{padding:12px 15px;font-size:16px}.modal-content{min-width:250px;padding:12px 20px}.modal-message{font-size:16px}}