*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#fff;background:#020617 fixed;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}button{cursor:pointer;border:none;transition:all .25s}input{outline:none}.app{background:radial-gradient(circle at 0 0,#22d3ee29,#0000 30%),radial-gradient(circle at 100% 100%,#3b82f62e,#0000 35%),radial-gradient(circle at 50% 20%,#0ea5e914,#0000 35%),#020617;min-height:100vh;padding:24px;position:relative;overflow:hidden;box-shadow:inset 0 0 120px #22d3ee0a}.app:before,.app:after{content:"";pointer-events:none;z-index:0;filter:blur(90px);border-radius:50%;animation:10s ease-in-out infinite floatGlow;position:fixed}.app:before{background:#22d3ee29;width:340px;height:340px;top:8%;left:-120px}.app:after{background:#2563eb24;width:420px;height:420px;animation-delay:3s;bottom:-120px;right:-150px}@keyframes floatGlow{0%{transform:translate(0)scale(1)}50%{transform:translate(24px,-26px)scale(1.08)}to{transform:translate(0)scale(1)}}.grid-bg{pointer-events:none;z-index:0;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:40px 40px;position:fixed;inset:0}.grid-bg:before{content:"";background:radial-gradient(circle at 20% 20%,#22d3ee0f,#0000 30%),radial-gradient(circle at 70% 70%,#3b82f60f,#0000 32%);position:absolute;inset:0}.main-header{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#020617c7;border:1px solid #22d3ee40;border-radius:26px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;padding:18px 24px;display:flex;position:sticky;top:0;box-shadow:0 0 30px #22d3ee1f,inset 0 0 18px #22d3ee08}.brand-area h1{color:#22d3ee;text-shadow:0 0 12px #22d3ee73,0 0 30px #22d3ee2e;font-size:30px}.domain-text{color:#94a3b8;font-size:13px}.top-menu{flex-wrap:wrap;gap:10px;display:flex}.top-menu button{color:#fff;background:#0f172a;border:1px solid #22d3ee33;border-radius:14px;padding:12px 16px;box-shadow:0 0 10px #22d3ee0f}.top-menu button:hover{background:#111c34;border-color:#22d3ee8c;transform:translateY(-2px);box-shadow:0 0 16px #22d3ee38,inset 0 0 10px #22d3ee14}.green{box-shadow:0 0 18px #06b6d42e;color:#fff!important;background:#06b6d4!important}.green:hover{box-shadow:0 0 26px #06b6d452,inset 0 0 14px #ffffff14}.red{color:#fff!important;background:#ef4444!important}.panel{z-index:1;position:relative}.hero{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0f172ad1;border:1px solid #22d3ee40;border-radius:30px;margin-bottom:24px;padding:28px;position:relative;overflow:hidden;box-shadow:0 0 35px #22d3ee14,inset 0 0 24px #22d3ee08}.hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#22d3ee17,#0000 70%);width:420px;height:420px;position:absolute;top:-220px;left:-120px}.hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#3b82f614,#0000 70%);width:260px;height:260px;position:absolute;bottom:-120px;right:-120px}.hero h2{z-index:2;color:#67e8f9;text-shadow:0 0 18px #22d3ee2e;margin-bottom:10px;font-size:32px;position:relative}.hero p{z-index:2;color:#94a3b8;margin-bottom:18px;line-height:1.6;position:relative}.hero-split{justify-content:space-between;align-items:center;gap:20px;display:flex}.hero-visual{z-index:2;background:#22d3ee14;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;font-size:42px;display:flex;position:relative;box-shadow:0 0 30px #22d3ee33,inset 0 0 20px #22d3ee33}.company-input{color:#fff;background:#0f172a;border:1px solid #22d3ee38;border-radius:18px;width:100%;margin-bottom:22px;padding:16px;font-size:16px;box-shadow:inset 0 0 12px #22d3ee08}.company-input:focus{border-color:#22d3ee;box-shadow:0 0 18px #22d3ee2e,inset 0 0 14px #22d3ee0f}.selector-card,.calc-card,.result-card,.info-page-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0f172ae0;border:1px solid #22d3ee33;border-radius:28px;padding:24px;position:relative;overflow:hidden;box-shadow:0 0 28px #22d3ee14,inset 0 0 18px #22d3ee08}.selector-card:after,.calc-card:after,.result-card:after,.info-page-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#22d3ee1f,#0000 70%);width:220px;height:220px;position:absolute;top:-90px;right:-90px}.selector-top{z-index:2;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex;position:relative}.selector-top h3{color:#67e8f9}.selector-actions{flex-wrap:wrap;gap:10px;display:flex}.selector-actions button{color:#fff;background:#1e293b;border-radius:14px;padding:12px 16px}.selector-actions button:hover{transform:translateY(-2px);box-shadow:0 0 16px #22d3ee29}.wide-button{z-index:2;border-radius:18px;width:100%;margin-bottom:20px;padding:16px;font-size:16px;position:relative}.checkbox-grid{z-index:2;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;display:grid;position:relative}.check-item{cursor:pointer;background:#0f172a;border:1px solid #22d3ee24;border-radius:18px;align-items:center;gap:10px;padding:16px;transition:all .25s;display:flex;position:relative;overflow:hidden}.check-item:before{content:"";opacity:0;pointer-events:none;background:radial-gradient(circle,#22d3ee2e,#0000 60%);transition:all .35s;position:absolute;inset:-40%}.check-item:hover:before{opacity:1}.check-item:hover{border-color:#22d3ee;transform:translateY(-3px);box-shadow:0 0 20px #22d3ee29,inset 0 0 16px #22d3ee14}.check-item input,.check-item span{z-index:2;position:relative}.bulk-bar{z-index:1;background:#0f172ae0;border:1px solid #22d3ee33;border-radius:22px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin-top:24px;padding:20px;display:flex;position:relative;box-shadow:0 0 24px #22d3ee14}.calc-list{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;margin-top:24px;display:grid}.calc-card h3{z-index:2;color:#67e8f9;margin-bottom:10px;position:relative}.formula{z-index:2;color:#94a3b8;margin-bottom:18px;font-size:14px;position:relative}.calc-card input{z-index:2;color:#fff;background:#020617;border:1px solid #22d3ee24;border-radius:14px;width:100%;margin-bottom:14px;padding:14px;position:relative}.calc-card input:focus{border-color:#22d3ee;box-shadow:0 0 16px #22d3ee29}.results-header{z-index:1;background:#0f172ae0;border:1px solid #22d3ee38;border-radius:26px;flex-wrap:wrap;justify-content:space-between;gap:18px;margin-bottom:24px;padding:22px;display:flex;position:relative;box-shadow:0 0 28px #22d3ee14}.results-header h2{color:#67e8f9}.results-actions{flex-wrap:wrap;gap:10px;display:flex}.results-actions button,.result-action-row button,.empty-box button,.coffee-buttons button{color:#fff;background:#1e293b;border-radius:16px;padding:14px 18px}.result-card{margin-bottom:22px}.result-card h2{z-index:2;color:#67e8f9;position:relative}.result-card small{z-index:2;color:#94a3b8;position:relative}.highlight{z-index:2;background:#22d3ee14;border:1px solid #22d3ee38;border-radius:20px;margin:18px 0;padding:20px;position:relative}.highlight span{color:#94a3b8}.highlight strong{color:#67e8f9;text-shadow:0 0 12px #22d3ee38;margin:8px 0;font-size:34px;display:block}.result-action-row{z-index:2;gap:10px;margin-top:14px;display:flex;position:relative}.empty-box{z-index:1;text-align:center;background:#0f172ae0;border:1px solid #22d3ee24;border-radius:24px;padding:40px;position:relative;box-shadow:0 0 24px #22d3ee14}.empty-box button{background:#06b6d4;margin-top:18px}.page-container{z-index:1;min-height:70vh;position:relative}.info-page-card{max-width:980px;margin:0 auto 30px}.info-page-card h1{z-index:2;color:#67e8f9;text-shadow:0 0 16px #22d3ee2e;margin-bottom:24px;font-size:40px;position:relative}.info-page-card p{z-index:2;color:#cbd5e1;margin-bottom:18px;line-height:1.8;position:relative}.contact-info-box{z-index:2;background:#0f172a;border:1px solid #22d3ee2e;border-radius:22px;flex-direction:column;gap:12px;padding:24px;display:flex;position:relative}.contact-info-box span{color:#94a3b8;font-size:13px}.contact-info-box strong{color:#fff;word-break:break-word;font-size:18px}.visual-ad-section{background:#0f172ae0;border:1px solid #22d3ee38;border-radius:28px;margin-top:28px;padding:24px;position:relative;overflow:hidden;box-shadow:0 0 28px #22d3ee14,inset 0 0 20px #22d3ee08}.visual-ad-section:before{content:"";pointer-events:none;background:radial-gradient(circle,#22d3ee1c,#0000 70%);width:280px;height:280px;position:absolute;top:-110px;right:-110px}.visual-ad-title{z-index:2;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px;display:flex;position:relative}.visual-ad-title h2{color:#67e8f9}.visual-ad-grid{z-index:2;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;display:grid;position:relative}.visual-ad-box{background:#0f172a;border:1px solid #22d3ee2e;border-radius:22px;min-height:220px;padding:16px;transition:all .25s;position:relative;overflow:hidden;box-shadow:0 0 18px #22d3ee14,inset 0 0 10px #22d3ee0d}.visual-ad-box:before{content:"";opacity:0;pointer-events:none;background:radial-gradient(circle,#22d3ee24,#0000 60%);transition:all .35s;position:absolute;inset:-30%}.visual-ad-box:hover:before{opacity:1}.visual-ad-box:hover{border-color:#22d3ee;transform:translateY(-4px);box-shadow:0 0 28px #22d3ee2e,inset 0 0 14px #22d3ee14}.visual-ad-head{z-index:2;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex;position:relative}.visual-ad-head span{color:#67e8f9;font-size:13px}.ad-mute-btn,.ad-mute-main{color:#fff;background:#1e293b;border-radius:12px;padding:9px 12px;font-size:12px}.ad-mute-btn:hover,.ad-mute-main:hover{transform:translateY(-2px);box-shadow:0 0 16px #22d3ee26}.adsbygoogle{z-index:2;border-radius:18px;position:relative;overflow:hidden}.muted-text{z-index:2;color:#94a3b8;margin-top:10px;font-size:12px;display:block;position:relative}.coffee-button{z-index:2;color:#fff;cursor:pointer;background:linear-gradient(135deg,#06b6d4,#2563eb);border:none;border-radius:18px;margin-top:20px;padding:16px 26px;font-size:17px;font-weight:700;transition:all .25s;position:relative;overflow:hidden;box-shadow:0 0 20px #22d3ee40}.coffee-button:before{content:"";opacity:0;pointer-events:none;background:radial-gradient(circle,#ffffff40,#0000 60%);transition:all .35s;position:absolute;inset:-40%}.coffee-button:hover:before{opacity:1}.coffee-button:hover{transform:translateY(-3px);box-shadow:0 0 34px #22d3ee59}.coffee-modal-overlay{z-index:9999;background:#000000c7;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.coffee-modal{background:#020617;border:1px solid #22d3ee40;border-radius:30px;width:100%;max-width:520px;padding:35px;animation:.25s fadeIn;box-shadow:0 0 40px #22d3ee33,inset 0 0 20px #22d3ee0a}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.coffee-modal h2{color:#22d3ee;margin-bottom:18px}.coffee-modal p{color:#cbd5e1;margin-bottom:20px;line-height:1.7}.coffee-info{background:#0f172a;border:1px solid #22d3ee24;border-radius:22px;flex-direction:column;gap:10px;margin-bottom:22px;padding:24px;display:flex}.coffee-info span{color:#94a3b8;font-size:13px}.coffee-info strong{color:#fff;word-break:break-word;font-size:17px}.coffee-buttons{flex-wrap:wrap;gap:12px;display:flex}.coffee-buttons button{flex:1;min-width:140px}@media (width<=768px){.app{padding:14px}.hero-split,.main-header{flex-direction:column;align-items:flex-start}.top-menu{width:100%}.top-menu button{flex:1}.visual-ad-grid{grid-template-columns:1fr}.results-header{flex-direction:column}.results-actions{width:100%}.results-actions button{flex:1}.bulk-bar,.selector-top{flex-direction:column;align-items:flex-start}.info-page-card h1{font-size:30px}.coffee-modal{padding:24px}}