:root{--bg-primary:#070a11;--bg-secondary:#0d121f;--bg-card:#12192ba6;--bg-card-hover:#1c2640bf;--border-subtle:#ffffff14;--border-highlight:#6366f159;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-primary:#6366f1;--accent-gradient:linear-gradient(135deg, #6366f1 0%, #a855f7 50%, #ec4899 100%);--accent-cyan:#06b6d4;--accent-emerald:#10b981;--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--shadow-glow:0 0 50px -10px #6366f140;--shadow-card:0 20px 40px -15px #00000080;--radius-sm:8px;--radius-md:14px;--radius-lg:22px;--radius-full:9999px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.6;position:relative;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#6366f12e 0%,#a855f71a 40%,#0000 75%);width:750px;height:550px;position:fixed;top:-150px;left:50%;transform:translate(-50%)}body:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#06b6d41f 0%,#0000 70%);width:600px;height:500px;position:fixed;bottom:-200px;right:10%}.ambient-grid{pointer-events:none;z-index:0;background-image:linear-gradient(90deg,#ffffff05 1px,#0000 1px),linear-gradient(#ffffff05 1px,#0000 1px);background-size:48px 48px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(#000 20%,#0000 80%);mask-image:radial-gradient(#000 20%,#0000 80%)}.app-wrapper{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}.container{width:100%;max-width:1100px;margin:0 auto;padding:0 1.5rem}.site-header{z-index:50;-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle);background:#070a11bf;transition:all .3s;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;height:72px;display:flex}.header-brand{color:var(--text-primary);letter-spacing:-.02em;align-items:center;gap:.75rem;font-size:1.15rem;font-weight:700;text-decoration:none;display:flex}.brand-icon-box{border-radius:var(--radius-sm);border:1px solid var(--border-highlight);width:36px;height:36px;color:var(--accent-primary);background:linear-gradient(135deg,#6366f133,#a855f733);justify-content:center;align-items:center;display:flex}.header-actions{align-items:center;gap:.75rem;display:flex}.dev-preview-box{border-radius:var(--radius-full);color:var(--text-secondary);background:#ffffff0d;border:1px dashed #fff3;align-items:center;gap:.5rem;padding:.25rem .75rem;font-size:.8rem;display:flex}.dev-preview-box input{color:var(--text-primary);background:0 0;border:none;outline:none;width:140px;font-size:.8rem}.status-pill{border-radius:var(--radius-full);color:#34d399;background:#10b9811a;border:1px solid #10b98140;align-items:center;gap:.5rem;padding:.4rem .9rem;font-size:.825rem;font-weight:500;display:inline-flex}.pulse-indicator{background:#10b981;border-radius:50%;width:8px;height:8px;position:relative}.pulse-indicator:after{content:"";border:2px solid #10b981;border-radius:50%;animation:2s cubic-bezier(.215,.61,.355,1) infinite pulse-ring;position:absolute;inset:-3px}@keyframes pulse-ring{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(2.2)}}.main-content{flex-direction:column;flex:1;justify-content:center;padding:3.5rem 0 4rem;display:flex}.hero-section{text-align:center;max-width:860px;margin:0 auto 3.5rem}.hero-tagline{border-radius:var(--radius-full);border:1px solid var(--border-subtle);color:var(--text-secondary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0a;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.45rem 1rem;font-size:.85rem;display:inline-flex}.hero-domain-card{margin-bottom:1.75rem;display:inline-block;position:relative}.domain-display{letter-spacing:-.04em;flex-wrap:wrap;justify-content:center;align-items:center;gap:.15rem;font-size:clamp(2.5rem,7vw,4.75rem);font-weight:800;line-height:1.1;display:flex}.domain-name{color:#fff;text-shadow:0 0 40px #ffffff26}.domain-tld{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.copy-domain-btn{border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:var(--radius-full);cursor:pointer;background:#ffffff0f;align-items:center;gap:.4rem;margin-top:.75rem;padding:.4rem .85rem;font-size:.8rem;transition:all .2s;display:inline-flex}.copy-domain-btn:hover{color:var(--text-primary);background:#ffffff1f;border-color:#fff3}.hero-description{color:var(--text-secondary);max-width:680px;margin:0 auto 2.25rem;font-size:clamp(1.05rem,2vw,1.25rem);line-height:1.6}.hero-cta-group{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin-bottom:2.5rem;display:flex}.btn{border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1.75rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 20px #6366f159}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #6366f180}.btn-secondary{border:1px solid var(--border-subtle);color:var(--text-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d}.btn-secondary:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}.quick-specs-ribbon{border:1px solid var(--border-subtle);border-radius:var(--radius-full);background:#ffffff05;flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem;max-width:620px;margin:0 auto;padding:.75rem 1.5rem;display:flex}.ribbon-item{color:var(--text-secondary);align-items:center;gap:.4rem;font-size:.825rem;display:flex}.ribbon-item svg{color:var(--accent-cyan)}.features-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;margin-bottom:3.5rem;display:grid}.feature-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(16px);padding:1.5rem;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.feature-card:before{content:"";background:var(--accent-gradient);opacity:0;height:2px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.feature-card:hover{background:var(--bg-card-hover);border-color:var(--border-highlight);box-shadow:var(--shadow-card);transform:translateY(-4px)}.feature-card:hover:before{opacity:1}.feature-icon-wrapper{border-radius:var(--radius-sm);width:44px;height:44px;color:var(--accent-primary);background:#6366f11f;border:1px solid #6366f133;justify-content:center;align-items:center;margin-bottom:1rem;display:flex}.feature-title{color:var(--text-primary);margin-bottom:.4rem;font-size:1.05rem;font-weight:600}.feature-description{color:var(--text-secondary);font-size:.875rem;line-height:1.5}.tags-section{text-align:center;margin-bottom:3rem}.tags-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:1rem;font-size:.9rem;font-weight:600}.tags-list{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.use-tag{border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:var(--radius-full);background:#ffffff08;padding:.35rem .9rem;font-size:.825rem;transition:all .2s}.use-tag:hover{color:var(--text-primary);background:#ffffff14;border-color:#fff3}.notify-box{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);text-align:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);max-width:680px;box-shadow:var(--shadow-card);background:linear-gradient(#141b2db3 0%,#0d121fcc 100%);margin:0 auto;padding:2.25rem 2rem}.notify-title{margin-bottom:.5rem;font-size:1.35rem;font-weight:700}.notify-subtitle{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.9rem}.notify-form{gap:.6rem;max-width:480px;margin:0 auto;display:flex}.notify-input{border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);background:#070a1199;outline:none;flex:1;padding:.75rem 1rem;font-size:.9rem;transition:border-color .2s}.notify-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #6366f126}.notify-input::placeholder{color:var(--text-muted)}.modal-overlay{-webkit-backdrop-filter:blur(12px);z-index:100;background:#04070ecc;justify-content:center;align-items:center;padding:1.25rem;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-card{border:1px solid var(--border-highlight);border-radius:var(--radius-lg);background:#0f1523;width:100%;max-width:520px;padding:2rem;animation:.3s cubic-bezier(.16,1,.3,1) modalSlideUp;position:relative;box-shadow:0 25px 60px -15px #000000b3}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-close-btn{border:1px solid var(--border-subtle);border-radius:var(--radius-full);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:#ffffff0d;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:1.25rem;right:1.25rem}.modal-close-btn:hover{color:var(--text-primary);background:#ffffff1f}.modal-header{margin-bottom:1.5rem}.modal-header h3{margin-bottom:.35rem;font-size:1.45rem;font-weight:700}.modal-header p{color:var(--text-secondary);font-size:.875rem}.form-group{margin-bottom:1.15rem}.form-label{color:var(--text-secondary);margin-bottom:.4rem;font-size:.825rem;font-weight:600;display:block}.form-control{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);background:#070a11b3;outline:none;padding:.7rem .9rem;font-family:inherit;font-size:.9rem;transition:border-color .2s}.form-control:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #6366f126}textarea.form-control{resize:vertical;min-height:85px}.modal-quick-contacts{border-top:1px solid var(--border-subtle);gap:.75rem;margin-top:1.25rem;padding-top:1.25rem;display:flex}.quick-contact-btn{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;background:#ffffff0a;flex:1;justify-content:center;align-items:center;gap:.4rem;padding:.65rem .9rem;font-size:.825rem;text-decoration:none;transition:all .2s;display:inline-flex}.quick-contact-btn:hover{color:var(--text-primary);background:#ffffff14;border-color:#fff3}.toast-notice{border:1px solid var(--accent-primary);color:#fff;border-radius:var(--radius-full);z-index:200;background:#182238;align-items:center;gap:.6rem;padding:.75rem 1.25rem;font-size:.875rem;font-weight:500;animation:.3s cubic-bezier(.16,1,.3,1) toastPop;display:flex;position:fixed;bottom:2rem;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000080}@keyframes toastPop{0%{opacity:0;transform:translate(-50%,15px)}to{opacity:1;transform:translate(-50%)}}.site-footer{border-top:1px solid var(--border-subtle);color:var(--text-muted);background:#070a11cc;padding:2rem 0;font-size:.85rem}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.footer-meta{align-items:center;gap:.5rem;display:flex}.cloudflare-badge{color:#f6821f;border-radius:var(--radius-sm);background:#f6821f14;border:1px solid #f6821f33;align-items:center;gap:.35rem;padding:.2rem .5rem;font-size:.8rem;font-weight:600;display:inline-flex}.not-found-page{text-align:center;max-width:580px;margin:0 auto;padding:5rem 1rem}.not-found-code{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:1rem;font-size:6rem;font-weight:900;line-height:1}.not-found-title{margin-bottom:.75rem;font-size:1.75rem;font-weight:700}.not-found-desc{color:var(--text-secondary);margin-bottom:2rem}@media (width<=640px){.header-inner{height:64px}.main-content{padding:2rem 0 3rem}.notify-form{flex-direction:column}.footer-inner{text-align:center;flex-direction:column}.dev-preview-box input{width:90px}}