:root{--bg:#f8fafc;--bg-secondary:#fff;--text-main:#0f172a;--text-muted:#64748b;--border:#e2e8f0;--hover-bg:#f1f5f9;--accent:#6366f1;--accent-hover:#4f46e5;--accent-glow:rgba(99,102,241,.15);--font-sans:-apple-system,BlinkMacSystemFont,"Inter","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#020617;--bg-secondary:#0f172a;--text-main:#f8fafc;--text-muted:#94a3b8;--border:#1e293b;--hover-bg:#1e293b;--accent:#818cf8;--accent-hover:#a5b4fc;--accent-glow:rgba(129,140,248,.15)}}*{box-sizing:border-box;margin:0;padding:0}html{min-height:100%}body{font-family:var(--font-sans);background-color:var(--bg);background-image:radial-gradient(var(--border) 1px,transparent 1px);background-size:32px 32px;background-position:-16px -16px;color:var(--text-main);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-bottom:5rem;min-height:var(--app-height,100dvh)}.abstract-bg{position:fixed;top:0;left:0;width:var(--app-width,100vw);height:var(--app-height,100dvh);z-index:-1;overflow:hidden;pointer-events:none}a{color:inherit;text-decoration:none}.container{max-width:900px;margin:0 auto;padding:0 1.5rem}.app-footer{margin-top:3rem;padding:1rem 0 2rem}.app-footer-inner{display:flex;justify-content:center;color:var(--text-muted);font-size:.875rem;letter-spacing:.02em}.header{padding:1.5rem 0;margin-bottom:2rem}.header-inner{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1rem;border-radius:8px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.header-brand{white-space:nowrap;font-weight:700;font-size:1.125rem;letter-spacing:-.03em;background:linear-gradient(135deg,var(--text-main),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-brand,.header-nav{display:inline-flex;align-items:center}.header-nav{justify-content:flex-end;flex-wrap:wrap;gap:.5rem;padding:.3rem;border-radius:8px;background:color-mix(in srgb,var(--bg) 72%,transparent);border:1px solid color-mix(in srgb,var(--border) 80%,transparent)}.header-nav a{border-radius:8px;font-size:.9375rem;font-weight:600}.header-nav a,.header-nav-button{display:inline-flex;align-items:center;justify-content:center;min-height:2.5rem;padding:.65rem 1rem;color:var(--text-muted);letter-spacing:-.01em;transition:color .2s ease,background-color .2s ease,transform .2s ease,box-shadow .2s ease}.header-nav-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:8px;background:transparent;font:inherit;font-size:.9375rem;font-weight:600;cursor:pointer}.header-nav-accent{color:#fff!important;background:var(--accent);box-shadow:0 14px 28px var(--accent-glow)}.header-nav a:hover,.header-nav-accent:hover,.header-nav-button:hover{color:var(--accent);background:color-mix(in srgb,var(--bg-secondary) 90%,var(--accent) 10%);box-shadow:0 10px 24px var(--accent-glow);transform:translateY(-1px)}.header-nav-accent:hover{color:#fff;background:color-mix(in srgb,var(--accent) 86%,var(--bg-secondary) 14%)}.header-nav a:focus-visible{outline:none;color:var(--accent);background:color-mix(in srgb,var(--bg-secondary) 88%,var(--accent) 12%);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 24%,transparent)}.header-nav-button:focus-visible{outline:none;color:var(--accent);background:color-mix(in srgb,var(--bg-secondary) 88%,var(--accent) 12%);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 24%,transparent)}@media (max-width:768px){.header{padding:1rem 0}.header-inner{align-items:stretch;flex-direction:column;border-radius:8px}.header-nav{justify-content:stretch;width:100%;border-radius:8px}.header-nav a{flex-grow:1;flex-shrink:1;flex-basis:calc(50% - 0.5rem)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeUp .7s cubic-bezier(.16,1,.3,1) forwards;opacity:0}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.hero-container{position:relative;overflow:hidden;padding:4rem 0;margin-bottom:2rem;display:flex;align-items:center}.hero-text{position:relative;z-index:2;flex:1 1}.page-title{font-size:3rem;font-weight:800;letter-spacing:-.04em;margin-bottom:.75rem;line-height:1.1}.page-description{color:var(--text-muted);font-size:1.125rem;max-width:450px}.hero-graphic{position:absolute;right:10%;top:50%;transform:translateY(-50%);width:320px;height:320px;opacity:.8;pointer-events:none;z-index:1}@media (max-width:768px){.hero-graphic{right:-20%;opacity:.3}}html[data-orientation=landscape] .header{padding:.75rem 0;margin-bottom:1.25rem}html[data-orientation=landscape] .hero-container{padding:2rem 0 1.5rem}html[data-orientation=landscape] .page-title{font-size:clamp(2rem,5vw,3rem)}html[data-orientation=landscape] .page-description{max-width:38rem}html[data-orientation=landscape] .hero-graphic{right:2%;width:min(36vw,260px);height:min(36vw,260px);opacity:.45}@media (orientation:landscape) and (max-height:640px){body{margin-bottom:3rem}.container{padding:0 1rem}.header-inner{padding:.75rem}.header-nav a,.header-nav-button{min-height:2.25rem;padding:.55rem .85rem}.hero-container{align-items:flex-start;padding:1.5rem 0 1rem}.page-title{margin-bottom:.5rem}.page-description{font-size:1rem}.auth-panel,.push-panel,.pwa-panel{padding:1.25rem;border-radius:18px}}.hero-circle{position:absolute;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}@keyframes spin-reverse{0%{transform:translate(-50%,-50%) rotate(1turn)}to{transform:translate(-50%,-50%) rotate(0deg)}}.hero-circle-1{width:120px;height:120px;border:1px dashed var(--accent);opacity:.6;animation:spin 20s linear infinite}.hero-circle-2{width:220px;height:220px;border:1px solid var(--border);border-top-color:var(--accent);animation:spin-reverse 25s linear infinite}.hero-circle-3{width:320px;height:320px;border-left-color:var(--border);border-bottom:1px solid var(--border);border-right-color:var(--border);border-top:1px solid var(--border);border-left:1px solid var(--text-muted);border-right:1px solid var(--text-muted);animation:spin 30s linear infinite}@keyframes pulse-dot{0%,to{opacity:.2;transform:translate(-50%,-50%) scale(1);box-shadow:0 0 0 var(--accent-glow)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.5);box-shadow:0 0 20px var(--accent)}}.hero-circle-4{width:12px;height:12px;background:var(--accent);animation:pulse-dot 4s ease-in-out infinite}.push-panel{background:linear-gradient(135deg,color-mix(in srgb,var(--bg-secondary) 90%,var(--accent) 10%),var(--bg-secondary));box-shadow:0 20px 50px rgba(15,23,42,.06)}.push-panel,.pwa-panel{margin-bottom:2rem;padding:1.5rem;border:1px solid var(--border);border-radius:20px}.pwa-panel{background:linear-gradient(135deg,color-mix(in srgb,var(--bg-secondary) 86%,var(--accent) 14%),var(--bg-secondary)),radial-gradient(circle at top right,color-mix(in srgb,var(--accent) 20%,transparent),transparent 35%);box-shadow:0 20px 50px rgba(15,23,42,.08)}.pwa-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.pwa-panel-copy{max-width:40rem}.pwa-kicker{margin-bottom:.35rem;color:var(--accent);font-size:.8125rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.pwa-title{font-size:1.6rem;line-height:1.15;letter-spacing:-.03em;margin-bottom:.5rem}.pwa-description{color:var(--text-muted);max-width:38rem}.pwa-state{min-width:8rem;padding:.8rem .95rem;border-radius:16px;background:color-mix(in srgb,var(--bg-secondary) 92%,var(--accent) 8%);border:1px solid color-mix(in srgb,var(--border) 82%,var(--accent) 18%);text-align:right}.pwa-state span{display:block;color:var(--text-muted);font-size:.8rem}.pwa-state strong{font-size:1rem;letter-spacing:-.02em}.pwa-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.pwa-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-main);border-radius:999px;padding:.85rem 1.1rem;font:inherit;font-weight:600;cursor:pointer;transition:transform .2s ease,border-color .2s ease,background-color .2s ease}.pwa-button:hover:not(:disabled){transform:translateY(-1px);border-color:color-mix(in srgb,var(--border) 55%,var(--accent) 45%)}.pwa-button:disabled{opacity:.55;cursor:not-allowed}.pwa-button-primary{background:var(--accent);border-color:var(--accent);color:#fff}.pwa-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:.75rem;gap:.75rem}.pwa-metric{padding:.9rem 1rem;border-radius:16px;border:1px solid var(--border);background:color-mix(in srgb,var(--bg-secondary) 96%,var(--accent) 4%)}.pwa-metric span{display:block;color:var(--text-muted);font-size:.8rem}.pwa-metric strong{font-size:1rem;letter-spacing:-.02em}.pwa-hint{margin-top:.25rem;color:var(--text-muted);font-size:.9375rem}@media (max-width:768px){.pwa-panel-header{flex-direction:column}.pwa-state{width:100%;text-align:left}.pwa-meta{grid-template-columns:1fr}}.push-panel-copy{margin-bottom:1.25rem}.push-kicker{margin-bottom:.35rem;color:var(--accent);font-size:.8125rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.push-title{font-size:1.6rem;line-height:1.15;letter-spacing:-.03em;margin-bottom:.5rem}.push-description,.push-error,.push-hint,.push-metric span,.push-subscription-label{color:var(--text-muted)}.push-status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:.875rem;gap:.875rem;margin-bottom:1rem}.push-metric{padding:.9rem 1rem;border:1px solid var(--border);border-radius:14px;background:hsla(0,0%,100%,.5)}.push-metric span{display:block;font-size:.8rem;margin-bottom:.35rem}.push-metric strong{font-size:1rem;letter-spacing:-.02em}.push-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.push-button{border:1px solid var(--border);border-radius:999px;padding:.8rem 1.15rem;background:var(--bg-secondary);color:var(--text-main);font:inherit;font-weight:600;cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.auth-panel{margin:2rem auto;padding:2rem;border:1px solid var(--border);border-radius:24px;background:linear-gradient(135deg,color-mix(in srgb,var(--bg-secondary) 92%,var(--accent) 8%),var(--bg-secondary)),radial-gradient(circle at top right,color-mix(in srgb,var(--accent) 18%,transparent),transparent 38%);box-shadow:0 24px 60px rgba(15,23,42,.08)}.auth-kicker{margin-bottom:.35rem;color:var(--accent);font-size:.8125rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.auth-title{font-size:2rem;line-height:1.1;letter-spacing:-.04em;margin-bottom:.75rem}.auth-description,.auth-error,.auth-metric span,.auth-note,.auth-profile p{color:var(--text-muted)}.auth-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin:1.5rem 0 1rem}.auth-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-main);border-radius:999px;padding:.85rem 1.15rem;font:inherit;font-weight:600;cursor:pointer;transition:transform .2s ease,border-color .2s ease,background-color .2s ease,box-shadow .2s ease}.auth-button:hover:not(:disabled){transform:translateY(-1px);border-color:color-mix(in srgb,var(--border) 55%,var(--accent) 45%);box-shadow:0 16px 32px var(--accent-glow)}.auth-button:disabled{opacity:.6;cursor:not-allowed}.auth-button-primary{background:var(--accent);border-color:var(--accent);color:#fff}.auth-error{margin-top:1rem}.contact-form{display:grid;grid-gap:.8rem;gap:.8rem}.contact-label{font-weight:600;letter-spacing:-.01em}.contact-input,.contact-textarea{width:100%;border:1px solid var(--border);border-radius:12px;padding:.8rem .95rem;background:var(--bg-secondary);color:var(--text-main);font:inherit}.contact-textarea{resize:vertical;min-height:7rem}.contact-input:focus-visible,.contact-textarea:focus-visible{outline:none;border-color:color-mix(in srgb,var(--border) 40%,var(--accent) 60%);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,transparent)}.contact-success{margin-top:1rem;color:color-mix(in srgb,var(--accent) 82%,#0f172a 18%)}.auth-inline-link{color:var(--accent);font-weight:600}.auth-profile{display:flex;align-items:center;gap:1rem;margin:1.5rem 0}.auth-profile h2{font-size:1.2rem;letter-spacing:-.02em}.auth-avatar{width:4rem;height:4rem;border-radius:999px;object-fit:cover;border:1px solid color-mix(in srgb,var(--border) 70%,var(--accent) 30%)}.auth-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:.75rem;gap:.75rem}.auth-metric{padding:.95rem 1rem;border-radius:16px;border:1px solid var(--border);background:color-mix(in srgb,var(--bg-secondary) 96%,var(--accent) 4%)}.auth-metric span{display:block;font-size:.8rem;margin-bottom:.35rem}.auth-metric strong{display:block;font-size:.95rem;letter-spacing:-.02em;word-break:break-word}@media (max-width:768px){.auth-panel{padding:1.5rem}.auth-profile{align-items:flex-start;flex-direction:column}.auth-metrics{grid-template-columns:1fr}}.push-button:hover:not(:disabled){transform:translateY(-1px);border-color:var(--accent);box-shadow:0 10px 24px var(--accent-glow)}.push-button:disabled{cursor:not-allowed;opacity:.55}.push-button-primary{background:var(--accent);border-color:var(--accent);color:#fff}.push-error,.push-hint{margin-bottom:.75rem;font-size:.9375rem}.push-error{color:#b91c1c}.push-subscription-box{border:1px solid var(--border);border-radius:14px;background:rgba(15,23,42,.03);overflow:hidden}.push-subscription-label{padding:.85rem 1rem 0;font-size:.875rem}.push-subscription-box pre{padding:1rem;overflow-x:auto;font-size:.8125rem;line-height:1.5}@media (max-width:768px){.push-panel{padding:1.25rem}.push-title{font-size:1.35rem}.push-actions{flex-direction:column}.push-button{width:100%}}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:1.5rem;gap:1.5rem}.card{display:flex;flex-direction:column;padding:1.5rem;border:1px solid var(--border);border-radius:12px;transition:all .3s cubic-bezier(.16,1,.3,1)}.card,.card:hover{background-color:var(--bg-secondary)}.card:hover{border-color:var(--accent);box-shadow:0 8px 30px var(--accent-glow);transform:translateY(-2px)}.card-title{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;display:flex;align-items:center;justify-content:space-between;letter-spacing:-.02em;transition:color .2s ease}.card-title svg{width:18px;height:18px;transition:transform .3s ease,color .3s ease;color:var(--text-muted)}.card:hover .card-title{color:var(--accent)}.card:hover .card-title svg{transform:translateX(4px);color:var(--accent);opacity:1}.card-desc{line-height:1.5}.back-link,.card-desc{color:var(--text-muted);font-size:.9375rem}.back-link{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:2rem;font-weight:500;transition:color .2s ease}.back-link:hover{color:var(--accent)}.demo-content{margin-top:3rem;padding:4rem 2rem;border:1px dashed var(--border);border-radius:12px;text-align:center;color:var(--text-muted);background-color:var(--bg-secondary);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;transition:border-color .3s ease,box-shadow .3s ease}.demo-content:hover{border-color:var(--accent);box-shadow:0 0 30px var(--accent-glow)}@keyframes pulse-wireframe{0%,to{opacity:.4;transform:scale(1);color:var(--text-muted)}50%{opacity:1;transform:scale(1.05);color:var(--accent)}}.wireframe-graphic{animation:pulse-wireframe 3s ease-in-out infinite}