:root{--bg:#eaf4ff;--card:#ffffff;--accent:#072f6b;--accent-2:#0b60d1;--muted:#4b5b6a;--glass: rgba(255,255,255,.6)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Poppins,Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;color:#071130;background:linear-gradient(180deg,#eaf4ff,#eef8ff 60%)}.page{position:relative;min-height:100vh;overflow:hidden}.container{max-width:1100px;margin:0 auto;padding:2rem}.site-header{background:transparent;padding:1.25rem 0}.site-header .container{display:flex;align-items:center;justify-content:space-between}.logo{margin:0;font-weight:700;font-size:1.25rem;color:var(--accent-2);letter-spacing:.6px}.nav a{margin-left:1rem;color:var(--muted);text-decoration:none}.btn{display:inline-block;background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#fff;padding:.7rem 1.1rem;border-radius:12px;text-decoration:none;box-shadow:0 10px 34px #0b306324;transition:transform .15s ease,box-shadow .15s ease}.btn:hover{transform:translateY(-3px);box-shadow:0 20px 50px #0b306333}.btn-outline{border:1px solid rgba(0,0,0,.06);padding:.45rem .9rem;border-radius:10px;color:var(--muted);background:transparent}.btn-ghost{background:transparent;color:var(--muted);border:1px solid rgba(0,0,0,.05);padding:.5rem .8rem;border-radius:8px;margin-left:.5rem}.hero{padding:4rem 0}.hero .container{display:flex;align-items:flex-start;gap:1rem}.hero h2{font-size:2.5rem;color:#04102a;margin:0 0 .5rem}.lead{color:var(--muted);max-width:48ch;font-size:1.05rem}.hero-art .card{background:var(--card);padding:1rem;border-radius:14px;box-shadow:0 10px 30px #0b11200f}.card pre{margin:0;white-space:pre-wrap}.features{padding:3rem 0}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.site-footer{padding:2rem 0;color:var(--muted)}@media (max-width:800px){.hero-inner{grid-template-columns:1fr}.site-header .container{flex-direction:column;align-items:flex-start}.nav{margin-top:.5rem}}.page:before,.page:after{content:"";position:absolute;border-radius:50%;filter:blur(70px);opacity:.95;transform:translateZ(0);z-index:0}.page:before{width:520px;height:520px;left:-140px;top:-80px;background:radial-gradient(circle at 30% 30%,#0b30631f,#0b4f961f)}.page:after{width:420px;height:420px;right:-120px;bottom:-80px;background:radial-gradient(circle at 70% 70%,#0b30631a,#0b4f961a);animation:float 12s ease-in-out infinite}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0206170a,#0206170f);display:flex;align-items:center;justify-content:center;z-index:60}.modal{background:linear-gradient(180deg,#fffffffa,#ffffffe6);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);max-width:720px;width:94%;border-radius:16px;padding:1.25rem;box-shadow:0 20px 50px #0b112033;z-index:80}.modal .modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.modal .modal-body{display:flex;align-items:center;flex-direction:column;gap:1rem}.modal .modal-body .side{display:none}.modal textarea{width:100%;height:120px;padding:.5rem;border-radius:8px;border:1px solid #e6e9ef}.shared-text{background:#fef6f6;padding:.75rem;border-radius:8px;margin-top:1rem;white-space:pre-wrap}.modal .close-btn{background:transparent;border:none;font-size:1rem;color:var(--muted);cursor:pointer}.muted{color:var(--muted);font-size:.95rem}.hero-illustration{flex:1;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:1;margin-left:-6px}.hero-illustration svg{max-width:340px;width:100%;height:auto}.device-illustration{transform:translate(-6px)}.hero-illustration .bubble{transform-origin:center;will-change:transform,opacity}.hero-illustration .bubble1{animation:bubble1 3.6s ease-in-out infinite}.hero-illustration .bubble2{animation:bubble2 3s ease-in-out infinite}.hero-illustration .bubble3{animation:bubble3 2.6s ease-in-out infinite}@keyframes bubble1{0%{transform:translate(0) rotate(-6deg) scale(1);opacity:1}50%{transform:translate(18px,-10px) rotate(-2deg) scale(1.02);opacity:.95}to{transform:translate(0) rotate(-6deg) scale(1);opacity:1}}@keyframes bubble2{0%{transform:translate(0) scale(1);opacity:1}50%{transform:translate(10px,-6px) scale(1.05);opacity:.9}to{transform:translate(0) scale(1);opacity:1}}@keyframes bubble3{0%{transform:translate(0) rotate(8deg) scale(1);opacity:1}50%{transform:translate(14px,-8px) rotate(4deg) scale(1.03);opacity:.92}to{transform:translate(0) rotate(8deg) scale(1);opacity:1}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}.env-banner{background:linear-gradient(90deg,#0b3063f2,#0b4f96f2);color:#fff;padding:.5rem 0;z-index:120}.env-banner .muted{color:#ffffffe6;margin:0}.env-banner code{background:#ffffff0f;padding:.12rem .3rem;border-radius:4px}.env-banner .btn-outline{background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff}.env-banner .btn{background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#fff}@media (max-width:900px){.container{padding:1.25rem}.hero h2{font-size:2rem}.lead{font-size:1rem}.hero .container{gap:.5rem}.hero-illustration{max-width:260px}}@media (max-width:640px){.hero{padding:2.25rem 0}.hero .container{flex-direction:column;align-items:flex-start}.hero-illustration{display:none}.logo{font-size:1.05rem}.hero h2{font-size:1.6rem}.lead{max-width:100%;font-size:.98rem}.btn{display:block;width:100%;padding:.85rem 1rem;border-radius:10px}.shared-text{font-size:.95rem}}@media (max-width:420px){body{background-position:center top}.container{padding:1rem}.logo{font-size:1rem}.hero h2{font-size:1.4rem}.lead{font-size:.95rem}.btn{font-size:.98rem;padding:.75rem;border-radius:10px}.modal{width:100%;height:100%;max-width:100%;border-radius:12px 12px 0 0;padding:.75rem;align-self:flex-end}.modal .modal-body{padding:.5rem}.modal .modal-header{padding:0 .25rem}}