:root{--neon-cyan: #00D4FF;--neon-cyan-light: #7DF9FF;--neon-purple: #9D4EDD;--neon-pink: #FF006E;--deep-navy: #0A0A1A;--dark-navy: #0D0D24;--mid-navy: #1A1A2E;--surface-navy: #12121F;--success: #00F5A0;--error: #FF4D6D}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--deep-navy);color:#e5e7eb;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}a{color:var(--neon-cyan);text-decoration:none;transition:all .2s ease}a:hover{text-shadow:0 0 8px var(--neon-cyan)}.brand-name{color:var(--neon-cyan);text-shadow:0 0 8px var(--neon-cyan),0 0 16px var(--neon-cyan)}.icon-glow{filter:drop-shadow(0 0 10px var(--neon-cyan))}.card{background:var(--surface-navy);border:1px solid rgba(0,212,255,.2);border-radius:12px;padding:1.5rem;transition:all .3s ease}.card:hover{border-color:var(--neon-cyan);box-shadow:0 0 20px #00d4ff33}.gradient-card{background:linear-gradient(145deg,var(--surface-navy) 0%,var(--dark-navy) 100%)}.btn{font-weight:600;padding:.75rem 1.5rem;border-radius:8px;border:none;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem}.btn-primary{background:linear-gradient(135deg,var(--neon-cyan) 0%,var(--neon-purple) 100%);color:var(--deep-navy)}.btn-primary:hover{box-shadow:0 0 20px var(--neon-cyan),0 0 40px var(--neon-purple);transform:translateY(-2px)}.btn-secondary{background:transparent;color:var(--neon-cyan);border:2px solid var(--neon-cyan)}.btn-outline{background:transparent;color:var(--neon-cyan);border:1px solid var(--neon-cyan);box-shadow:0 0 10px #00d4ff4d}.btn-outline:hover{border-color:var(--neon-cyan);color:var(--neon-cyan);box-shadow:0 0 15px #00d4ff80}.btn-secondary:hover{background:#00d4ff1a;box-shadow:0 0 20px #00d4ff4d}.btn-danger{background:transparent;color:var(--error);border:2px solid var(--error)}.btn-danger:hover{background:#ff4d6d1a}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.input{width:100%;padding:.75rem 1rem;background:var(--dark-navy);border:1px solid rgba(0,212,255,.2);border-radius:8px;color:#e5e7eb;font-size:1rem;transition:border-color .2s ease}.input:focus{outline:none;border-color:var(--neon-cyan)}.input::placeholder{color:#6b7280}.label{display:block;font-size:.875rem;color:#9ca3af;margin-bottom:.5rem}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.page{padding:2.5rem 1.5rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem}.stat-card{background:var(--surface-navy);border:1px solid rgba(0,212,255,.2);border-radius:12px;padding:1.5rem;text-align:center}.stat-value{font-size:1.5rem;font-weight:700;color:var(--neon-cyan)}.stat-label{font-size:.75rem;color:#9ca3af;text-transform:uppercase;margin-top:.25rem}.alert{padding:1rem;border-radius:8px;margin-bottom:1rem}.alert-warning{background:#eab3081a;border:1px solid rgba(234,179,8,.3);color:#fcd34d}.alert-error{background:#ff4d6d1a;border:1px solid rgba(255,77,109,.3);color:var(--error)}.alert-success{background:#00f5a01a;border:1px solid rgba(0,245,160,.3);color:var(--success)}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:500;border-radius:9999px}.badge-cyan{background:#00d4ff33;color:var(--neon-cyan)}.badge-purple{background:#9d4edd33;color:var(--neon-purple)}.modal-backdrop{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:50}.modal{background:var(--surface-navy);border:1px solid rgba(0,212,255,.2);border-radius:12px;padding:1.5rem;width:100%;max-width:28rem;margin:1rem}.modal-title{font-size:1.25rem;font-weight:600;color:#e5e7eb;margin-bottom:1rem}.encryption-diagram{display:flex;justify-content:center;padding:1rem}.diagram-device{background:linear-gradient(145deg,var(--surface-navy) 0%,var(--dark-navy) 100%);border:2px solid var(--neon-cyan);border-radius:16px;box-shadow:0 0 20px #00d4ff4d,inset 0 0 30px #00d4ff0d;min-width:320px;max-width:400px}.diagram-header{background:linear-gradient(90deg,#00d4ff33,#9d4edd33);padding:12px 20px;font-weight:600;color:var(--neon-cyan);text-align:center;border-bottom:1px solid rgba(0,212,255,.3);border-radius:14px 14px 0 0;text-shadow:0 0 10px var(--neon-cyan)}.diagram-content{padding:20px;display:flex;flex-direction:column;align-items:center;gap:8px}.diagram-step{background:#0000004d;border:1px solid rgba(0,212,255,.2);border-radius:8px;padding:10px 16px;text-align:center;width:100%}.diagram-step.highlight{border-color:var(--neon-purple);box-shadow:0 0 10px #9d4edd4d}.diagram-step .step-label{display:block;color:#e5e7eb;font-weight:500;font-size:.9rem}.diagram-step .step-detail{display:block;color:#9ca3af;font-size:.75rem;margin-top:2px}.diagram-arrow{color:var(--neon-cyan);font-size:1.2rem;text-shadow:0 0 8px var(--neon-cyan)}.diagram-output{display:flex;align-items:center;gap:12px;background:#0000004d;border:1px solid rgba(0,212,255,.2);border-radius:8px;padding:10px 16px;width:100%;justify-content:center}.diagram-output span{color:#e5e7eb;font-weight:500;font-size:.9rem}.diagram-output .output-arrow{color:var(--neon-cyan);font-size:1.5rem;text-shadow:0 0 10px var(--neon-cyan);position:relative;top:-2px}.diagram-output .cloud-label{color:var(--neon-purple);text-shadow:0 0 8px var(--neon-purple)}@media(max-width:400px){.diagram-device{min-width:0;width:100%}}.text-cyan{color:var(--neon-cyan)}.text-purple{color:var(--neon-purple)}.text-gray{color:#9ca3af}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.space-y-4>*+*{margin-top:1rem}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--deep-navy)}::-webkit-scrollbar-thumb{background:var(--mid-navy);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--neon-cyan)}nav.svelte-1h32yp1{border-bottom:1px solid rgba(0,212,255,.1);backdrop-filter:blur(10px);background:#0a0a1acc;position:sticky;top:0;z-index:40}.nav-container.svelte-1h32yp1{max-width:1200px;margin:0 auto;padding:1rem;display:flex;align-items:center;justify-content:space-between}.brand.svelte-1h32yp1{display:flex;align-items:center;gap:.75rem;text-decoration:none}.brand-icon.svelte-1h32yp1{width:40px;height:40px;border-radius:8px;filter:drop-shadow(0 0 10px var(--neon-cyan))}.brand-name{color:var(--neon-cyan);font-size:1.25rem;font-weight:700;text-shadow:0 0 10px var(--neon-cyan),0 0 20px var(--neon-cyan),0 0 40px var(--neon-cyan)}.nav-links.svelte-1h32yp1{display:flex;align-items:center;gap:1.5rem}.nav-link.svelte-1h32yp1{color:#9ca3af;text-decoration:none;font-weight:500;transition:color .2s ease;background:none;border:none;cursor:pointer;font-size:1rem}.nav-link.svelte-1h32yp1:hover,.nav-link.active.svelte-1h32yp1{color:var(--neon-cyan)}.hamburger.svelte-1h32yp1{display:none;background:none;border:none;color:#e5e7eb;font-size:1.5rem;cursor:pointer;padding:.25rem;line-height:1}.nav-email.svelte-1h32yp1{color:#6b7280;font-size:.8125rem;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-link.logout.svelte-1h32yp1:hover{color:var(--error)}@media(max-width:768px){.hamburger.svelte-1h32yp1{display:block}.nav-links.svelte-1h32yp1{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:#0a0a1af2;backdrop-filter:blur(10px);padding:1rem;gap:0;border-bottom:1px solid rgba(0,212,255,.1)}.nav-links.open.svelte-1h32yp1{display:flex}.nav-link.svelte-1h32yp1{padding:.75rem 1rem;width:100%;text-align:left}.nav-email.svelte-1h32yp1{max-width:none;padding:.75rem 1rem}.nav-link.logout.svelte-1h32yp1{padding:.75rem 1rem;text-align:left}nav.svelte-1h32yp1{position:sticky}.nav-container.svelte-1h32yp1{position:relative}}.trial-badge.svelte-1h32yp1{font-size:.625rem;font-weight:600;padding:.125rem .375rem;border-radius:9999px;margin-left:.375rem;vertical-align:middle;text-transform:uppercase;letter-spacing:.025em}.trial-active.svelte-1h32yp1{background:#f59e0b26;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.trial-expired.svelte-1h32yp1{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}main.svelte-12qhfyh{min-height:calc(100vh - 73px)}