@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";.App{min-height:100vh;display:flex;flex-direction:column}html,body{height:100%}.warnings-container{margin-top:80px;position:sticky;top:80px;z-index:999;display:flex;flex-direction:column;gap:.5rem}.warning-banner{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);color:#fff;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 6px #0000001a;animation:slideDown .3s ease-out}.warning-content{display:flex;align-items:center;gap:1rem;flex:1}.warning-icon{flex-shrink:0;color:#fff}.warning-text{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;font-size:1rem;line-height:1.5}.warning-link{background:transparent;border:1px solid white;color:#fff;padding:.25rem .75rem;border-radius:6px;cursor:pointer;font-weight:600;font-size:.9rem;transition:all .3s ease;text-decoration:underline;background:none;border:none}.warning-link:hover{background:rgba(255,255,255,.2)}.warning-close{background:transparent;border:none;color:#fff;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .3s ease;flex-shrink:0}.warning-close:hover{background:rgba(255,255,255,.2)}.navbar{position:fixed;top:0;left:0;right:0;background:#2d3748;color:#fff;border-bottom:none;z-index:1000;transition:all .3s ease}.nav-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:flex-start;height:80px}.nav-brand{display:flex;align-items:center}.nav-logo{height:45px;width:auto;opacity:.9;transition:all .3s ease}.nav-logo:hover{opacity:1;transform:scale(1.05)}.nav-links{display:flex;gap:2rem}.nav-links a{text-decoration:none;color:#a0aec0;font-weight:500;transition:color .3s ease;position:relative}.nav-links a:hover{color:#fff}.nav-links a:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background-color:#fff;transition:width .3s ease}.nav-links a:hover:after{width:100%}.services{padding:8rem 0;background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);position:relative;overflow:hidden;min-height:calc(100vh - 160px);display:flex;align-items:center;transform-origin:right center}.services-intro{margin-bottom:2rem}.services-intro h2{margin:0;font-size:1.5rem;color:#2d3748}.services:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(120,119,198,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,107,107,.1) 0%,transparent 50%);pointer-events:none}.services-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3rem;position:relative;z-index:1}@media (min-width: 1024px){.services-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.service-card{background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:3rem;box-shadow:0 4px 6px #0000000d,0 1px 3px #0000001a,inset 0 1px #fffc;transition:all .4s cubic-bezier(.175,.885,.32,1.275);cursor:pointer;border:1px solid rgba(255,255,255,.2);position:relative;overflow:hidden}.service-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#127780,#1a9ba8,#20b5c4,#2dd4da);opacity:0;transition:opacity .3s ease}.service-card:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 20px 40px #0000001f,0 8px 16px #00000014,inset 0 1px #ffffffe6;border-color:#12778033}.service-card:hover:before{opacity:1}.service-card.active{transform:translateY(-8px);box-shadow:0 25px 50px #12778026,0 10px 20px #1277801a,inset 0 1px #ffffffe6;border-color:#1277804d}.service-card.active:before{opacity:1}.service-header{display:flex;align-items:flex-start;gap:1.5rem;margin-bottom:2rem}.service-icon{background:linear-gradient(135deg,#127780 0%,#1a9ba8 50%,#20b5c4 100%);color:#fff;width:80px;height:80px;border-radius:20px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 16px #1277804d,0 2px 4px #12778033;transition:all .3s ease;flex-shrink:0}.service-card:hover .service-icon{transform:rotate(-5deg) scale(1.1);box-shadow:0 12px 24px #12778066,0 4px 8px #1277804d}.service-header-content{flex:1;min-width:0;display:flex;align-items:flex-start;justify-content:space-between}.service-header-content h3{font-size:1.6rem;font-weight:700;color:#1a202c;margin-bottom:0;line-height:1.3;flex:1}.expand-icon{color:#cbd5e0;transition:all .3s ease;margin-top:.2rem}.service-card:hover .expand-icon{color:#127780;transform:scale(1.2)}.expand-icon.rotated{transform:rotate(180deg) scale(1.2);color:#127780}.service-description{color:#4a5568;font-size:1.1rem;line-height:1.6;margin-bottom:0;font-weight:500}.service-details{margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(226,232,240,.8);animation:slideDown .4s cubic-bezier(.175,.885,.32,1.275)}.service-details p{color:#718096;line-height:1.8;margin-bottom:2rem;font-size:1rem}.service-cta{background:linear-gradient(135deg,#127780 0%,#1a9ba8 100%);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #1277804d;position:relative;overflow:hidden}.service-cta:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.service-cta:hover:before{left:100%}.service-cta:hover{transform:translateY(-2px);box-shadow:0 8px 25px #12778066;background:linear-gradient(135deg,#0f5f66 0%,#148891 100%)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.about{padding:8rem 0;background:white}.about-text h2{font-size:2.5rem;font-weight:700;color:#2d3748;margin-bottom:1.5rem}.about-text p{font-size:1.2rem;color:#4a5568;line-height:1.7;margin-bottom:2rem}.about-features{display:flex;flex-direction:column;gap:1rem}.feature{display:flex;align-items:center;gap:1rem;color:#2d3748;font-weight:600}.feature svg{color:#127780}.about-stats{display:flex;flex-direction:column;gap:2rem}.stat{text-align:center;padding:2rem;background:linear-gradient(135deg,#127780,#1a9ba8);color:#fff;border-radius:20px}.stat h3{font-size:2.5rem;font-weight:800;margin-bottom:.5rem}.stat p{font-size:1.1rem;opacity:.9}.contact{padding:8rem 0;background:linear-gradient(135deg,#f7fafc,#edf2f7)}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;margin-top:4rem}.contact-info{display:flex;flex-direction:column;gap:2rem}.contact-item{display:flex;align-items:center;gap:1.5rem;background:white;padding:2rem;border-radius:15px;box-shadow:0 4px 6px #0000000d}.contact-item svg{color:#127780}.contact-item h4{font-size:1.2rem;font-weight:600;color:#2d3748;margin-bottom:.5rem}.contact-item p{color:#4a5568}.contact-form{background:white;padding:3rem;border-radius:20px;box-shadow:0 10px 25px #0000001a}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#2d3748}.form-group input,.form-group textarea{width:100%;padding:1rem;border:2px solid #e2e8f0;border-radius:10px;font-size:1rem;transition:border-color .3s ease;font-family:inherit}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#127780}.form-submit{background:linear-gradient(45deg,#127780,#1a9ba8);color:#fff;border:none;padding:1rem 2rem;font-size:1.1rem;font-weight:600;border-radius:10px;cursor:pointer;width:100%;transition:all .3s ease}.form-submit:hover{transform:translateY(-2px);box-shadow:0 8px 25px #12778066}.footer{background:#2d3748;color:#fff;height:80px;padding:0;display:flex;align-items:center}.footer-content{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:0}.footer-brand{margin-right:auto}.footer-links{margin-left:auto}.footer-brand{display:flex;align-items:center}.footer-logo{height:45px;width:auto;opacity:.9;transition:all .3s ease}.footer-logo:hover{opacity:1;transform:scale(1.05)}.footer-links{display:flex;gap:2rem}.footer-links a{color:#a0aec0;text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:#fff}.footer-bottom{border-top:1px solid #4a5568;padding-top:2rem;text-align:center}.footer-bottom p{color:#a0aec0}.page-transition{position:relative;overflow:hidden}.page-transition-enter{animation:pageSlideIn .8s cubic-bezier(.25,.46,.45,.94) forwards}.page-transition-exit{animation:pageSlideOut .8s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes pageSlideIn{0%{transform:translate(100%) rotateY(-20deg) scale(.9);opacity:0;filter:blur(15px);box-shadow:-50px 0 50px #0000004d}30%{transform:translate(70%) rotateY(-12deg) scale(.95);opacity:.3;filter:blur(8px);box-shadow:-30px 0 30px #0003}60%{transform:translate(30%) rotateY(-5deg) scale(.98);opacity:.7;filter:blur(3px);box-shadow:-10px 0 10px #0000001a}to{transform:translate(0) rotateY(0) scale(1);opacity:1;filter:blur(0);box-shadow:0 0 #0000}}@keyframes pageSlideOut{0%{transform:translate(0) rotateY(0) scale(1);opacity:1;filter:blur(0);box-shadow:0 0 #0000}40%{transform:translate(30%) rotateY(-5deg) scale(.98);opacity:.7;filter:blur(3px);box-shadow:-10px 0 10px #0000001a}70%{transform:translate(70%) rotateY(-12deg) scale(.95);opacity:.3;filter:blur(8px);box-shadow:-30px 0 30px #0003}to{transform:translate(100%) rotateY(-20deg) scale(.9);opacity:0;filter:blur(15px);box-shadow:-50px 0 50px #0000004d}}.vulnerability-page,.phishing-page,.training-page,.consulting-page,.about-page,.device-page{padding:8rem 0;min-height:calc(100vh - 160px);position:relative;overflow:hidden;transform-origin:left center}.vulnerability-page{background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%)}.phishing-page{background:linear-gradient(135deg,#fef3f2 0%,#fee4e2 100%)}.training-page{background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%)}.consulting-page{background:linear-gradient(135deg,#fefce8 0%,#fef3c7 100%)}.about-page{background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%)}.device-page{background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%)}.vulnerability-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(18,119,128,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(26,155,168,.1) 0%,transparent 50%);pointer-events:none}.phishing-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(239,68,68,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(248,113,113,.1) 0%,transparent 50%);pointer-events:none}.training-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(34,197,94,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(74,222,128,.1) 0%,transparent 50%);pointer-events:none}.consulting-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(234,179,8,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(250,204,21,.1) 0%,transparent 50%);pointer-events:none}.about-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(18,119,128,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(26,155,168,.1) 0%,transparent 50%);pointer-events:none}.device-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(34,197,94,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(74,222,128,.1) 0%,transparent 50%);pointer-events:none}.vulnerability-header,.phishing-header,.training-header,.consulting-header,.about-header,.device-header{display:flex;align-items:center;gap:2rem;margin-bottom:2rem;position:relative;z-index:1}.about-header{margin-bottom:1.5rem}.vulnerability-content,.phishing-content,.training-content,.consulting-content,.device-content{position:relative;z-index:1}.about-content{position:relative;z-index:1;margin:0 -2rem;padding:0 2rem}.vulnerability-hero,.phishing-hero,.training-hero,.consulting-hero{text-align:center;margin-bottom:4rem}.vulnerability-icon,.phishing-icon,.training-icon,.consulting-icon{width:120px;height:120px;border-radius:30px;display:flex;align-items:center;justify-content:center;margin:0 auto 2rem;box-shadow:0 12px 24px #0003,0 4px 8px #0000001a;transition:all .3s ease}.vulnerability-icon{background:linear-gradient(135deg,#127780 0%,#1a9ba8 50%,#20b5c4 100%);color:#fff}.phishing-icon{background:linear-gradient(135deg,#ef4444 0%,#f87171 50%,#fca5a5 100%);color:#fff}.training-icon{background:linear-gradient(135deg,#22c55e 0%,#4ade80 50%,#86efac 100%);color:#fff}.consulting-icon{background:linear-gradient(135deg,#eab308 0%,#facc15 50%,#fde047 100%);color:#fff}.vulnerability-icon:hover,.phishing-icon:hover,.training-icon:hover,.consulting-icon:hover{transform:rotate(-5deg) scale(1.1);box-shadow:0 16px 32px #0000004d,0 6px 12px #0003}.vulnerability-hero h2,.phishing-hero h2,.training-hero h2,.consulting-hero h2{font-size:2.5rem;font-weight:700;color:#2d3748;margin-bottom:1.5rem;line-height:1.3}.vulnerability-hero p,.phishing-hero p,.training-hero p,.consulting-hero p{font-size:1.3rem;color:#4a5568;line-height:1.6;max-width:600px;margin:0 auto}.vulnerability-grid,.phishing-grid,.training-grid,.consulting-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.vulnerability-card,.phishing-card,.training-card,.consulting-card{background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:3rem;box-shadow:0 4px 6px #0000000d,0 1px 3px #0000001a,inset 0 1px #fffc;transition:all .4s cubic-bezier(.175,.885,.32,1.275);border:1px solid rgba(255,255,255,.2);position:relative;overflow:hidden}.phishing-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#ef4444,#f87171,#fca5a5,#fecaca);opacity:0;transition:opacity .3s ease}.training-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#22c55e,#4ade80,#86efac,#bbf7d0);opacity:0;transition:opacity .3s ease}.consulting-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#eab308,#facc15,#fde047,#fef08a);opacity:0;transition:opacity .3s ease}.vulnerability-card:hover,.phishing-card:hover,.training-card:hover,.consulting-card:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 20px 40px #0000001f,0 8px 16px #00000014,inset 0 1px #ffffffe6}.vulnerability-card:hover:before,.phishing-card:hover:before,.training-card:hover:before,.consulting-card:hover:before{opacity:1}.vulnerability-card h3,.phishing-card h3,.training-card h3,.consulting-card h3{font-size:1.6rem;font-weight:700;color:#2d3748;margin-bottom:1rem;line-height:1.3}.vulnerability-card p,.phishing-card p,.training-card p,.consulting-card p{color:#4a5568;font-size:1.1rem;line-height:1.6;margin:0;font-weight:500}.back-button{background:linear-gradient(135deg,#127780 0%,#1a9ba8 100%);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #1277804d;position:relative;overflow:hidden}.back-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.back-button:hover:before{left:100%}.back-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #12778066;background:linear-gradient(135deg,#0f5f66 0%,#148891 100%)}.vulnerability-header h1{font-size:3rem;font-weight:700;color:#2d3748;margin:0;background:linear-gradient(135deg,#127780,#1a9ba8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.vulnerability-content{position:relative;z-index:1}.vulnerability-hero{text-align:center;margin-bottom:4rem}.vulnerability-icon{background:linear-gradient(135deg,#127780 0%,#1a9ba8 50%,#20b5c4 100%);color:#fff;width:120px;height:120px;border-radius:30px;display:flex;align-items:center;justify-content:center;margin:0 auto 2rem;box-shadow:0 12px 24px #1277804d,0 4px 8px #12778033;transition:all .3s ease}.vulnerability-icon:hover{transform:rotate(-5deg) scale(1.1);box-shadow:0 16px 32px #12778066,0 6px 12px #1277804d}.vulnerability-hero h2{font-size:2.5rem;font-weight:700;color:#2d3748;margin-bottom:1.5rem;line-height:1.3}.vulnerability-hero p{font-size:1.3rem;color:#4a5568;line-height:1.6;max-width:600px;margin:0 auto}.vulnerability-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.vulnerability-card{background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:3rem;box-shadow:0 4px 6px #0000000d,0 1px 3px #0000001a,inset 0 1px #fffc;transition:all .4s cubic-bezier(.175,.885,.32,1.275);border:1px solid rgba(255,255,255,.2);position:relative;overflow:hidden}.vulnerability-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#127780,#1a9ba8,#20b5c4,#2dd4da);opacity:0;transition:opacity .3s ease}.vulnerability-card:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 20px 40px #1277801f,0 8px 16px #12778014,inset 0 1px #ffffffe6;border-color:#12778033}.vulnerability-card:hover:before{opacity:1}.vulnerability-card h3{font-size:1.6rem;font-weight:700;color:#2d3748;margin-bottom:1rem;line-height:1.3}.vulnerability-card p{color:#4a5568;font-size:1.1rem;line-height:1.6;margin:0;font-weight:500}.about-hero{text-align:center;margin-bottom:3rem}.about-icon{width:120px;height:120px;border-radius:30px;display:flex;align-items:center;justify-content:center;margin:0 auto 2rem;box-shadow:0 12px 24px #1277804d,0 4px 8px #12778033;transition:all .3s ease;background:linear-gradient(135deg,#127780 0%,#1a9ba8 50%,#20b5c4 100%);color:#fff}.about-icon:hover{transform:rotate(-5deg) scale(1.1);box-shadow:0 16px 32px #12778066,0 6px 12px #1277804d}.about-content{margin:0 -2rem;padding:0 2rem}.about-text-content{width:100%;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:3rem;box-shadow:0 4px 6px #0000000d,0 1px 3px #0000001a,inset 0 1px #fffc;border:1px solid rgba(255,255,255,.2);text-align:center;box-sizing:border-box}@media (max-width: 768px){.about-content{margin:0 -1rem;padding:0 1rem}}.about-text-content .about-title{font-size:2rem;font-weight:700;color:#127780;margin-bottom:2rem;text-align:center}.about-text-content p{font-size:1.2rem;line-height:1.8;color:#4a5568;margin-bottom:1.5rem}.about-text-content p:last-child{margin-bottom:0;font-weight:500;color:#4a5568;font-size:1.2rem}@media (max-width: 768px){.nav-container{padding:0 1rem}.nav-links{display:none}.hero-container{grid-template-columns:1fr;text-align:center;gap:2rem}.hero-title{font-size:2.5rem}.hero-cta{flex-direction:column;gap:1rem}.services-grid{grid-template-columns:1fr;gap:2rem}.service-card{padding:2rem}.service-icon{width:64px;height:64px}.service-header-content h3{font-size:1.4rem}.about-stats{flex-direction:row}.contact-content{grid-template-columns:1fr;gap:2rem}.contact-form{padding:2rem}.footer-content{flex-direction:column;gap:2rem;text-align:center}.footer-links{justify-content:center}.vulnerability-header,.phishing-header,.training-header,.consulting-header{flex-direction:column;text-align:center;gap:1rem}.vulnerability-header h1,.phishing-header h1,.training-header h1,.consulting-header h1{font-size:2.5rem}.vulnerability-hero h2,.phishing-hero h2,.training-hero h2,.consulting-hero h2{font-size:2rem}.vulnerability-hero p,.phishing-hero p,.training-hero p,.consulting-hero p{font-size:1.1rem}.vulnerability-grid,.phishing-grid,.training-grid,.consulting-grid{grid-template-columns:1fr;gap:1.5rem}.vulnerability-card,.phishing-card,.training-card,.consulting-card{padding:2rem}.vulnerability-icon,.phishing-icon,.training-icon,.consulting-icon{width:100px;height:100px}}@media (max-width: 480px){.hero-title{font-size:2rem}.hero-subtitle{font-size:1.1rem}.service-card{padding:1.5rem}.service-icon{width:56px;height:56px}.service-header-content h3{font-size:1.3rem}.about-stats{flex-direction:column}.vulnerability-header h1,.phishing-header h1,.training-header h1,.consulting-header h1{font-size:2rem}.vulnerability-hero h2,.phishing-hero h2,.training-hero h2,.consulting-hero h2{font-size:1.8rem}.vulnerability-hero p,.phishing-hero p,.training-hero p,.consulting-hero p{font-size:1rem}.vulnerability-card,.phishing-card,.training-card,.consulting-card{padding:1.5rem}.vulnerability-card h3,.phishing-card h3,.training-card h3,.consulting-card h3{font-size:1.4rem}.vulnerability-card p,.phishing-card p,.training-card p,.consulting-card p{font-size:1rem}.vulnerability-icon,.phishing-icon,.training-icon,.consulting-icon{width:80px;height:80px}}.device-questionnaire{max-width:900px;margin:0 auto}.device-question{background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:2.5rem;margin-bottom:2rem;box-shadow:0 4px 6px #0000000d,0 1px 3px #0000001a,inset 0 1px #fffc;border:1px solid rgba(255,255,255,.2)}.question-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.question-header h3{font-size:1.3rem;font-weight:700;color:#2d3748;margin:0}.info-wrapper{position:relative;display:inline-block}.question-info{color:#127780;cursor:pointer;transition:all .3s ease}.question-info:hover{color:#1a9ba8;transform:scale(1.1)}.tooltip{position:absolute;top:100%;right:0;margin-top:.5rem;background:#2d3748;color:#fff;padding:1rem 1.5rem;border-radius:12px;font-size:.9rem;line-height:1.5;max-width:350px;box-shadow:0 8px 16px #0003;z-index:1000;white-space:normal;animation:fadeIn .2s ease-out}.tooltip:before{content:"";position:absolute;bottom:100%;right:1rem;border:6px solid transparent;border-bottom-color:#2d3748}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.question-options{display:flex;flex-direction:column;gap:1rem}.option-btn{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;padding:1rem 1.5rem;font-size:1rem;font-weight:500;color:#4a5568;cursor:pointer;transition:all .3s ease;text-align:left;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.option-btn:hover{border-color:#127780;background:rgba(18,119,128,.05);transform:translate(4px)}.option-btn.selected{background:linear-gradient(135deg,#127780 0%,#1a9ba8 100%);border-color:#127780;color:#fff;box-shadow:0 4px 12px #1277804d}@media (max-width: 768px){.device-question{padding:2rem}.question-header h3{font-size:1.1rem}.option-btn{font-size:.95rem;padding:.875rem 1.25rem}}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;color:#1a202c;background-color:#fff;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.section-header{text-align:center;margin-bottom:4rem}.section-header h2{font-size:2.5rem;font-weight:700;color:#1a202c;margin-bottom:1rem}.section-header p{font-size:1.2rem;color:#718096;max-width:600px;margin:0 auto}@media (max-width: 768px){.container{padding:0 1rem}.section-header h2{font-size:2rem}.section-header p{font-size:1.1rem}}