html,body,#root{margin:0;padding:0}html{scroll-behavior:smooth}body{background:#05070f;overflow-x:hidden}.app{min-height:100vh;width:100%}.dashboard{max-width:900px;margin:0 auto;padding:2rem 1rem}.header{text-align:center;margin-bottom:2rem}.header h1{font-size:1.8rem;color:#1a1a2e;margin-bottom:.25rem}.tagline{color:#666;font-size:.9rem}.card{background:#fff;border:1px solid #e0e0e0;border-radius:10px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 2px 8px #0000000f}.card h2{font-size:1.2rem;margin:0 0 .75rem}.hint{font-size:.82rem;color:#888;margin-bottom:1rem;line-height:1.4}.auth-forms{max-width:400px;margin:0 auto}input[type=email],input[type=text],input[type=password],input[type=number],textarea{width:100%;padding:.6rem .75rem;border:1px solid #ccc;border-radius:6px;font-size:.95rem;margin-bottom:.75rem;box-sizing:border-box}input:focus,textarea:focus{outline:none;border-color:#4361ee;box-shadow:0 0 0 2px #4361ee26}textarea{resize:vertical;font-family:inherit}.field-label{display:block;font-size:.85rem;color:#555;margin-bottom:.75rem}.field-label input{margin-top:.25rem}button[type=submit]{width:100%;padding:.7rem;background:#4361ee;color:#fff;border:none;border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .15s}button[type=submit]:hover:not(:disabled){background:#3a56d4}button[type=submit]:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{padding:.5rem 1rem;background:#f0f0f0;color:#333;border:1px solid #ddd;border-radius:6px;font-size:.85rem;cursor:pointer;text-decoration:none;display:inline-block}.btn-secondary:hover{background:#e5e5e5}.toggle-link{text-align:center;font-size:.85rem;color:#4361ee;cursor:pointer;margin-top:.5rem}.toggle-link:hover{text-decoration:underline}.alert{padding:.75rem 1rem;border-radius:6px;margin-bottom:1rem;font-size:.88rem}.alert.error{background:#fee;border:1px solid #fcc;color:#c33}.alert.success{background:#efe;border:1px solid #cfc;color:#363;word-break:break-all}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.badge{background:#e8f5e9;color:#2e7d32;padding:.35rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600}.schedule-table{width:100%;border-collapse:collapse;font-size:.85rem}.schedule-table th{text-align:left;padding:.5rem;border-bottom:2px solid #eee;color:#555}.schedule-table td{padding:.5rem;border-bottom:1px solid #f0f0f0}.status{font-weight:600;padding:.15rem .5rem;border-radius:4px;font-size:.78rem}.status-active{background:#e3f2fd;color:#1565c0}.status-warning{background:#fff3e0;color:#e65100}.status-released{background:#e8f5e9;color:#2e7d32}.decrypted-message{border:2px solid #4caf50}.message-field{margin-bottom:1rem}.message-field label{display:block;font-size:.8rem;color:#888;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.message-content{padding:.75rem;background:#f9f9f9;border-radius:6px;white-space:pre-wrap;word-break:break-word;font-size:.95rem}.spinner{text-align:center;padding:3rem;font-size:1.1rem;color:#666}.file-upload-area{margin-bottom:.75rem}.attachment-info{display:flex;align-items:center;justify-content:space-between;background:#e8f0fe;border:1px solid #c5dafc;border-radius:6px;padding:.5rem .75rem;font-size:.85rem;color:#333;margin-top:.5rem}.btn-remove-attachment{background:none;border:none;color:#c33;cursor:pointer;font-size:.8rem;text-decoration:underline}.attachment-notice{background:#fff8e1;border:1px solid #ffe082;border-radius:6px;padding:.6rem .75rem;font-size:.85rem;color:#664d00;margin-bottom:.75rem}.integrity-notice{border-radius:6px;padding:.6rem .75rem;font-size:.85rem;margin:.75rem 0}.integrity-notice.ok{background:#e8f5e9;border:1px solid #a5d6a7;color:#1b5e20}.integrity-notice.bad{background:#ffebee;border:1px solid #ef9a9a;color:#b71c1c;font-weight:600}.integrity-notice.none{background:#f5f5f5;border:1px solid #e0e0e0;color:#616161}.attachment-download{text-align:center;padding:.5rem}.btn-download{display:inline-block;background:#2e7d32;color:#fff;border:none;border-radius:6px;padding:.6rem 1.5rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .15s}.btn-download:hover{background:#1b5e20}.audit-panel{margin-top:1rem;padding:1rem;background:#f8f9ff;border:1px solid #d0d5f0;border-radius:8px}.audit-panel h3{margin:0 0 .5rem;font-size:1rem}.status-created{background:#e3f2fd;color:#1565c0}.status-warning_sent{background:#fff3e0;color:#e65100}.status-warning_cancelled,.status-released{background:#e8f5e9;color:#2e7d32}.status-failed{background:#ffebee;color:#c62828}.status-admin_reset{background:#f3e5f5;color:#7b1fa2}.landing{position:relative;min-height:100vh;overflow:clip;background:#05070f;color:#f5f5f7;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}.orb{position:absolute;border-radius:50%;filter:blur(120px);opacity:.4;pointer-events:none;z-index:0}.orb-1{width:620px;height:620px;top:-220px;left:50%;transform:translate(-50%);background:radial-gradient(circle,rgba(99,102,241,.5),transparent 70%);animation:float-orb 16s ease-in-out infinite}.orb-2{width:520px;height:520px;bottom:-200px;right:-160px;background:radial-gradient(circle,rgba(34,211,238,.3),transparent 70%);animation:float-orb 20s ease-in-out infinite reverse}@keyframes float-orb{0%,to{transform:translate(-50%) translateY(0) scale(1)}50%{transform:translate(-50%) translateY(30px) scale(1.08)}}.landing-nav{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:.9rem 4vw;max-width:1200px;margin:0 auto;background:#05070fb8;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid rgba(255,255,255,.06)}.logo{font-size:1.3rem;font-weight:700;letter-spacing:.04em;display:flex;align-items:center;gap:.5rem;color:#f5f5f7;text-decoration:none;cursor:pointer}.logo-mark{color:#818cf8;display:flex;align-items:center;flex-shrink:0}.logo-text{display:flex;flex-direction:column;line-height:1.15}.logo-wordmark{font-size:1.2rem;font-weight:700;letter-spacing:.02em}.logo-sub{font-size:.58rem;font-weight:500;letter-spacing:.03em;color:#6b7280}.nav-links{display:flex;align-items:center;gap:2rem}.nav-links a{color:#a1a1aa;text-decoration:none;font-size:.86rem;font-weight:500;transition:color .2s}.nav-links a:hover{color:#f5f5f7}.nav-signin{padding:.45rem 1.1rem;border-radius:999px;background:#6366f1;color:#fff!important}.nav-signin:hover{background:#4f46e5;color:#fff!important}.nav-burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;padding:0 9px;background:none;border:none;cursor:pointer}.nav-burger span{display:block;width:100%;height:2px;background:#f5f5f7;border-radius:2px;transition:transform .3s,opacity .3s}.nav-burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-burger.open span:nth-child(2){opacity:0}.nav-burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.hero{position:relative;z-index:1;display:grid;grid-template-columns:1fr 330px;align-items:center;justify-content:center;gap:2.5rem;max-width:1060px;margin:0 auto;padding:6rem 4vw 5rem}.hero-copy{text-align:left}.eyebrow{display:inline-block;font-size:.85rem;font-weight:600;letter-spacing:.05em;color:#818cf8;margin-bottom:1.1rem}.hero h1{font-size:clamp(3rem,8vw,5.6rem);font-weight:700;line-height:1.02;letter-spacing:-.04em;margin:0 0 1.5rem;color:#f5f5f7}.gradient-text{display:block;background:linear-gradient(100deg,#a5b4fc,#38bdf8 60%,#22d3ee);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.hero-sub{font-size:1.3rem;line-height:1.5;color:#a1a1aa;max-width:640px;margin:0 0 2.2rem}.hero-cta{display:flex;justify-content:flex-start;gap:1rem}.pill{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.6rem;border-radius:999px;font-size:.95rem;font-weight:600;text-decoration:none;transition:transform .2s,background .2s,border-color .2s}.pill:hover{transform:translateY(-1px)}.pill-primary{background:#6366f1;color:#fff}.pill-primary:hover{background:#4f46e5}.pill-ghost{background:transparent;color:#6366f1;border:1px solid rgba(99,102,241,.5)}.pill-ghost:hover{background:#6366f11a}.hero-device{position:relative;display:flex;justify-content:center;perspective:1200px}.smoke{position:absolute;border-radius:50%;filter:blur(48px);pointer-events:none;z-index:0}.smoke-1{width:170px;height:170px;bottom:40px;left:4%;background:radial-gradient(circle,rgba(99,102,241,.55),transparent 70%);animation:smoke-drift 8s ease-in-out infinite}.smoke-2{width:140px;height:140px;bottom:90px;right:2%;background:radial-gradient(circle,rgba(34,211,238,.45),transparent 70%);animation:smoke-drift 10s ease-in-out infinite reverse}.smoke-3{width:150px;height:150px;bottom:-10px;left:32%;background:radial-gradient(circle,rgba(168,85,247,.4),transparent 70%);animation:smoke-drift 12s ease-in-out infinite}@keyframes smoke-drift{0%,to{transform:translate(0) scale(1);opacity:.45}33%{transform:translate(-22px,-34px) scale(1.18);opacity:.85}66%{transform:translate(18px,22px) scale(.88);opacity:.4}}.hand-glow{position:absolute;z-index:0;bottom:-34px;left:50%;transform:translate(-50%);width:300px;height:320px;color:#818cf8;opacity:.5;filter:drop-shadow(0 0 45px rgba(99,102,241,.75));animation:hand-breathe 5s ease-in-out infinite;pointer-events:none}.hand-glow svg{width:100%;height:100%}@keyframes hand-breathe{0%,to{opacity:.4;transform:translate(-50%) scale(1)}50%{opacity:.68;transform:translate(-50%) scale(1.05)}}.phone-mockup{position:relative;width:270px;height:560px;box-sizing:border-box;border-radius:44px;background:#0c1220;border:1px solid rgba(255,255,255,.12);box-shadow:0 60px 120px -30px #000000d9,inset 0 0 0 6px #1a2333;padding:12px;z-index:2;transform:rotateX(4deg);animation:hero-phone 6s ease-in-out infinite}@keyframes hero-phone{0%,to{transform:rotateX(4deg) translateY(0)}50%{transform:rotateX(4deg) translateY(-12px)}}.phone-notch{position:absolute;top:22px;left:50%;transform:translate(-50%);width:90px;height:20px;background:#0c1220;border-radius:999px;z-index:3}.phone-screen{position:relative;width:100%;height:100%;box-sizing:border-box;border-radius:32px;overflow:hidden;background:linear-gradient(180deg,#0f1729,#0a101d);display:flex}.phone-statusbar{position:absolute;top:0;left:0;right:0;height:46px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;z-index:4;color:#f5f5f7;pointer-events:none}.phone-time{font-size:.8rem;font-weight:600;letter-spacing:.02em}.phone-status-icons{display:flex;align-items:center;gap:5px}.phone-app{width:100%;height:100%;box-sizing:border-box;display:flex;flex-direction:column;padding-top:46px}.phone-app-bar{display:flex;align-items:center;justify-content:space-between;padding:.5rem .9rem;border-bottom:1px solid rgba(255,255,255,.06)}.phone-app-title{font-size:.85rem;font-weight:700;color:#f5f5f7}.phone-app-qr{color:#818cf8;font-size:1rem;line-height:1}.phone-content{flex:1;overflow:hidden;padding:.9rem .9rem 0}.phone-page{animation:screen-in .45s ease-out both}@keyframes screen-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.phone-page-head{font-size:1rem;font-weight:700;color:#f5f5f7;margin-bottom:.8rem;display:flex;align-items:center;gap:.5rem}.phone-add{margin-left:auto;width:22px;height:22px;border-radius:50%;background:#6366f1;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700;line-height:1}.phone-badge{background:#6366f1;color:#fff;border-radius:999px;font-size:.6rem;padding:.1rem .4rem}.phone-row{display:flex;align-items:center;gap:.6rem;padding:.6rem .4rem;border-bottom:1px solid rgba(255,255,255,.05)}.phone-avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#38bdf8);color:#fff;font-size:.65rem;font-weight:700;display:flex;align-items:center;justify-content:center}.phone-row strong{display:block;font-size:.78rem;color:#e6ecf7}.phone-row small{font-size:.66rem;color:#7f8aa5}.phone-switch{padding:.7rem .8rem;border-radius:12px;margin-bottom:.6rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.07)}.phone-switch-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:.25rem}.phone-switch-top strong{font-size:.8rem;color:#e6ecf7}.phone-switch strong{display:block;font-size:.78rem;color:#e6ecf7}.phone-switch small{display:block;font-size:.66rem;color:#7f8aa5;margin-top:.3rem}.phone-pill{font-size:.55rem;font-weight:700;color:#4ade80;background:#4ade801f;padding:.12rem .45rem;border-radius:999px}.phone-account{display:flex;align-items:center;gap:.7rem;padding:.8rem;margin-bottom:.8rem;border-radius:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.07)}.phone-avatar-lg{width:42px;height:42px;flex:0 0 42px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#38bdf8);color:#fff;font-size:1rem;font-weight:700;display:flex;align-items:center;justify-content:center}.phone-account-text{flex:1;min-width:0}.phone-account-text strong{display:block;font-size:.74rem;color:#e6ecf7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.phone-account-text small{display:block;font-size:.66rem;color:#7f8aa5;margin-top:.25rem}.phone-section-label{font-size:.62rem;font-weight:700;letter-spacing:.04em;color:#818cf8;margin:.7rem .4rem .3rem}.phone-setting{display:flex;align-items:center;gap:.6rem;padding:.7rem .4rem;border-bottom:1px solid rgba(255,255,255,.05)}.phone-setting-icon{flex:0 0 22px;text-align:center;font-size:1rem}.phone-setting>div{flex:1;min-width:0}.phone-setting strong{display:block;font-size:.76rem;color:#e6ecf7}.phone-setting small{font-size:.62rem;color:#7f8aa5}.phone-setting-danger strong{color:#f87171}.phone-toggle{margin-left:auto;font-size:.55rem;font-weight:700;color:#4ade80;background:#4ade801f;padding:.15rem .4rem;border-radius:999px}.phone-nav{display:flex;border-top:1px solid rgba(255,255,255,.07);background:#0a101de6;padding:.4rem .3rem .5rem}.phone-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.3rem 0;border-radius:10px;color:#7f8aa5;transition:color .3s,background .3s}.phone-nav-item small{font-size:.55rem}.phone-nav-icon{font-size:1rem;line-height:1}.phone-nav-item.active{color:#c7d2fe;background:#6366f126}.phone-glow{position:absolute;width:360px;height:360px;background:radial-gradient(circle,rgba(99,102,241,.4),transparent 70%);border-radius:50%;filter:blur(50px);z-index:1;bottom:-40px;animation:pulse-glow 4s ease-in-out infinite}@keyframes pulse-glow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.85;transform:scale(1.08)}}.showcase{position:relative;z-index:1;text-align:center;padding:8rem 4vw;border-top:1px solid rgba(255,255,255,.05)}.showcase-alt{background:#ffffff05}.showcase-copy{max-width:760px;margin:0 auto 3.5rem}.showcase-copy .eyebrow{margin-bottom:1rem}.showcase-copy h2{font-size:clamp(2rem,5vw,3.4rem);font-weight:700;letter-spacing:-.03em;line-height:1.05;color:#f5f5f7;margin:0 0 1.25rem}.showcase-copy p{font-size:1.1rem;line-height:1.6;color:#a1a1aa;margin:0}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;max-width:1100px;margin:0 auto}.feature-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:2rem 1.4rem;transition:transform .3s,border-color .3s,background .3s}.feature-card:hover{transform:translateY(-6px);border-color:#818cf880;background:#6366f114}.feature-icon{font-size:2.2rem;display:block;margin-bottom:1rem}.feature-card h3{font-size:1.12rem;margin:0 0 .5rem;color:#f5f5f7}.feature-card p{font-size:.92rem;line-height:1.55;color:#a1a1aa;margin:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:1000px;margin:0 auto}.step{position:relative;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:2.5rem 1.5rem;text-align:center;transition:border-color .3s}.step:hover{border-color:#22d3ee80}.step-num{width:48px;height:48px;margin:0 auto 1.2rem;display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:700;font-size:1.15rem;color:#c7d2fe;background:linear-gradient(135deg,#6366f14d,#22d3ee33);border:1px solid rgba(129,140,248,.4)}.step h3{margin:0 0 .5rem;font-size:1.1rem;color:#f5f5f7}.step p{font-size:.92rem;color:#a1a1aa;line-height:1.5;margin:0}.security-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;max-width:1000px;margin:0 auto}.security-item{display:flex;gap:1rem;align-items:flex-start;text-align:left;padding:1.75rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:18px}.security-icon{font-size:1.7rem}.security-item h3{margin:0 0 .35rem;font-size:1.05rem;color:#f5f5f7}.security-item p{margin:0;font-size:.9rem;color:#a1a1aa;line-height:1.5}.signin-card{max-width:420px;margin:0 auto;text-align:center;background:#0f172a8c!important;border:1px solid rgba(255,255,255,.12)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 30px 60px -20px #0009!important}.signin-card .hint{color:#a1a1aa}.signin-card input[type=email]{background:#ffffff0d;border:1px solid rgba(255,255,255,.14);color:#f5f5f7}.signin-card input[type=email]:focus{border-color:#818cf8;box-shadow:0 0 0 3px #6366f133}.signin-card button[type=submit]{background:#6366f1;font-weight:600}.signin-card button[type=submit]:hover:not(:disabled){background:#4f46e5}.landing-footer{position:relative;z-index:1;display:flex;justify-content:center;flex-wrap:wrap;gap:1rem;max-width:1100px;margin:0 auto;padding:3rem 4vw;border-top:1px solid rgba(255,255,255,.06);color:#6b7280;font-size:.82rem}.footer-brand{color:#a1a1aa;text-decoration:none;transition:color .2s}.footer-brand:hover{color:#f5f5f7}.reveal{opacity:0;transform:translateY(28px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1)}.reveal.revealed{opacity:1;transform:translateY(0)}@media(max-width:900px){.hero{grid-template-columns:1fr;text-align:center;padding-top:3rem}.hero-copy{text-align:center}.hero-sub{margin-left:auto;margin-right:auto}.hero-cta{justify-content:center}.hero-device{order:-1;margin-bottom:1rem}.features-grid,.security-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:1fr}.nav-links{gap:1rem}}@media(max-width:720px){.landing-nav{flex-wrap:wrap}.nav-burger{display:flex}.nav-links{display:none;flex-basis:100%;flex-direction:column;align-items:stretch;gap:.25rem;padding:.75rem 0 1rem}.nav-links.open{display:flex}.nav-links a{padding:.7rem .2rem;font-size:1rem}.nav-signin{text-align:center;margin-top:.5rem}}@media(max-width:540px){.features-grid,.security-grid{grid-template-columns:1fr}.hero-cta{flex-direction:column;align-items:center}}