@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap";
:root{color:#0e1b1a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#0d1716;font-family:Space Grotesk,Segoe UI,system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.6}*,:before,:after{box-sizing:border-box}body{color:#e7f6f1;background:radial-gradient(circle at 10% 20%,#42c9922e,#0000 28%),radial-gradient(circle at 80% 10%,#3e7aff1f,#0000 26%),linear-gradient(135deg,#0d1716 0%,#091210 50%,#0b1411 100%);min-height:100vh;margin:0}a{color:inherit;text-decoration:none}.shell{max-width:1100px;margin:0 auto;padding:32px 20px 60px}.loading{justify-content:center;align-items:center;min-height:50vh;display:flex}.nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff0f;border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:14px 18px;display:flex}.nav__brand{align-items:center;gap:12px;display:flex}.nav__logo{font-size:24px;font-weight:800}.nav__title{letter-spacing:-.02em;margin:0;font-weight:700}.nav__subtitle{color:#9fb7b1;margin:0;font-size:13px}.nav__links{align-items:center;gap:14px;font-size:14px;font-weight:600;display:flex}.nav__link{border-radius:10px;padding:8px 10px;transition:background .2s,color .2s}.nav__link:hover{background:#ffffff0f}.nav__link--active{color:#7cf2c6;background:#5ff2c31f}.nav__menu{position:relative}.nav__burger{color:#e7f6f1;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:10px;padding:8px 12px;display:none}.nav__toggle{padding:8px 12px}.nav__dropdown{z-index:10;background:#00000059;border:1px solid #ffffff1f;border-radius:12px;flex-direction:column;gap:6px;min-width:160px;padding:10px;display:flex;position:absolute;top:110%;right:0;box-shadow:0 12px 30px #00000040}.nav__dropdown .nav__link{display:block}.nav__logout{width:100%}.hero{grid-template-columns:1.2fr 1fr;align-items:center;gap:28px;padding:18px 0 28px;display:grid}.pill{color:#c9f4e6;letter-spacing:.01em;background:#5bffbc24;border:1px solid #5bffbc42;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex}.pill.small{padding:4px 8px;font-size:12px}h1{letter-spacing:-.04em;margin:10px 0 8px;font-size:clamp(32px,5vw,46px)}.highlight{color:#7cf2c6}.lead{color:#b7cbc3;max-width:620px;margin-bottom:16px}.cta-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-weight:700;transition:transform .12s,background .2s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn.primary{color:#06100d;background:linear-gradient(135deg,#5ff2c3,#39b28b);box-shadow:0 10px 40px #5ff2c32e}.btn.secondary{color:#e7f6f1;background:#ffffff14;border:1px solid #ffffff1f}.btn.ghost{color:#e7f6f1;background:0 0;border:1px solid #ffffff24}.hero__card{background:linear-gradient(145deg,#ffffff0d,#5bffbc14);border:1px solid #ffffff14;border-radius:18px;padding:20px}.hero__label{color:#a3c1b7;margin:0 0 8px;font-weight:600}.hero__stats{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:8px;display:grid}.stat-number{margin:0;font-size:28px;font-weight:700}.stat-label{color:#99b5ac;margin:0;font-size:13px}.section{margin-top:32px}.section__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.split{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;display:grid}.card{background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;padding:16px;box-shadow:0 10px 30px #00000040}.card.subtle{background:#ffffff05}.card__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.card__title{letter-spacing:-.01em;margin:4px 0;font-weight:700}.form{flex-direction:column;gap:12px;display:flex}label{color:#d5e6de;flex-direction:column;gap:6px;font-weight:600;display:flex}input,textarea{color:#e7f6f1;background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;padding:10px 12px;font-size:14px}input:focus,textarea:focus{outline:2px solid #5ff2c380}.file-input{cursor:pointer;border:1px dashed #fff3;border-radius:12px;padding:12px;position:relative}.file-input input{opacity:0;cursor:pointer;position:absolute;inset:0}.grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;display:grid}.media{border:1px solid #ffffff1a;border-radius:12px;margin-top:10px;overflow:hidden}.media img,.media video{width:100%;display:block}.ai-summary{background:#5bffbc14;border:1px solid #5bffbc2e;border-radius:10px;padding:10px;font-size:14px}.ai-response{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;margin-top:10px;padding:12px}.camera-preview{background:#ffffff05;border:1px solid #ffffff14;border-radius:14px;margin-top:8px;padding:10px}.top-loader{z-index:9999;background:linear-gradient(90deg,#5ff2c3,#39b28b,#5ff2c3) 0 0/200% 100%;width:100%;height:3px;animation:.9s linear infinite topLoading;position:fixed;top:0;left:0}@keyframes topLoading{0%{background-position:200% 0}to{background-position:-200% 0}}.muted{color:#9fb7b1;margin:4px 0}.error{color:#ffb3b3;font-weight:600}.credits{background:#ffffff0a;border-radius:12px;margin-bottom:8px;padding:12px;display:inline-block}.prompt-suggestions{flex-wrap:wrap;gap:8px;display:flex}.prompt-suggestions button{color:#e7f6f1;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:8px;padding:6px 10px}@media (max-width:820px){.hero{grid-template-columns:1fr}.nav__links{flex-wrap:wrap}}@media (max-width:640px){.shell{padding:16px 14px 40px}.nav{flex-direction:column;align-items:flex-start;gap:10px}.nav__burger{margin-left:auto;display:block}.nav__links{flex-direction:column;align-items:flex-start;gap:10px;width:100%;display:none}.nav__links.open{margin-top:8px;display:flex}.nav__menu{width:100%}.nav__dropdown{width:100%;position:static}.hero__stats,.split{grid-template-columns:1fr}.grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.section__header{flex-direction:column;align-items:flex-start}.btn{width:100%}.cta-row{flex-direction:column;align-items:stretch;width:100%}}