@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{--bg: #f6f0e8;--bg-accent: #e7f2f1;--surface: #ffffff;--surface-soft: #fdf9f3;--text: #111827;--muted: #5b6472;--primary: #2563eb;--primary-dark: #1d4ed8;--accent: #f97316;--border: #e4ded4;--shadow: 0 18px 40px rgba(17, 24, 39, .12);--display-font: "Space Grotesk", "Manrope", "Segoe UI", sans-serif;--body-font: "Manrope", "Segoe UI", sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:var(--body-font);overflow-x:hidden;font-size:16px;background:radial-gradient(1200px 600px at 10% -10%,#fff4e0 0%,transparent 60%),radial-gradient(900px 600px at 90% 0%,#e3f2f1 0%,transparent 60%),var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}.app-shell{max-width:1200px;margin:0 auto 40px;padding:0 20px 40px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:32px}.topbar-actions{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap}.topbar-link{font-size:15px;font-weight:600;color:var(--text);border-bottom:2px solid transparent;padding-bottom:2px}.topbar-link:hover{border-color:var(--primary);text-decoration:none}.brand{display:flex;align-items:center;gap:12px}.logo{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:14px;background:#2563eb;color:#fff;font-weight:700;letter-spacing:-.5px;font-family:var(--display-font)}.title{font-size:24px;font-weight:700;letter-spacing:-.3px;font-family:var(--display-font)}.subtitle{font-size:13px;color:var(--muted);margin-top:2px}.landing-wrap{display:flex;flex-direction:column;gap:0}.hero-full{position:relative;overflow:hidden;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;width:100vw;background:radial-gradient(1200px 600px at 12% 10%,rgba(37,99,235,.16),transparent 60%),radial-gradient(900px 500px at 90% 0%,rgba(249,115,22,.18),transparent 55%),linear-gradient(135deg,#fdf3e6 0%,#f3f7ff 55%,#ffffff 100%);padding:72px 0 80px}.hero-inner{max-width:1200px;margin:0 auto;padding:0 20px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:18px;align-items:center}.hero-content,.hero-mockup{display:flex;flex-direction:column;gap:10px}.mockup-frame{border-radius:0;border:1px solid #d7dbe7;background:#ffffff;padding:8px;box-shadow:none}.mockup-image{width:100%;aspect-ratio:1200 / 644;border-radius:0;background-color:transparent;background-image:url(/assets/nf_scr-a3c1a29f.png);background-size:contain;background-position:center;background-repeat:no-repeat;border:none}.hero-kicker{display:inline-flex;align-items:center;gap:8px;font-size:12px;text-transform:uppercase;letter-spacing:.16em;color:#2563eb;font-weight:700}.hero-title{margin:12px 0 10px;font-size:clamp(32px,4vw,46px);line-height:1.1;font-family:var(--display-font)}.hero-copy{margin:0;font-size:17px;color:var(--muted)}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.hero-meta{margin-top:12px;font-size:14px;color:var(--muted)}.hero-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.hero-item{border-radius:14px;border:1px solid var(--border);padding:12px;background:rgba(255,255,255,.75);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hero-item-title{font-weight:700;font-family:var(--display-font);margin-bottom:4px;font-size:14px}.section{position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;width:100vw;padding:52px 0}.section-inner{max-width:1100px;margin:0 auto;padding:0 20px}.section-head{max-width:720px;margin-bottom:16px}.section-head h2{margin:8px 0;font-size:clamp(22px,3vw,32px);font-family:var(--display-font)}.section-head p{margin:0;color:var(--muted);font-size:17px}.section-kicker{display:inline-flex;align-items:center;gap:8px;font-size:12px;text-transform:uppercase;letter-spacing:.14em;color:#2563eb;font-weight:700}.section-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.section-card{background:#fff;border-radius:16px;border:1px solid #ede7dd;padding:16px;display:flex;flex-direction:column;gap:6px}.section-icon{width:32px;height:32px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;color:var(--primary);background:rgba(37,99,235,.1)}.section-icon svg{width:20px;height:20px}.section-title{font-weight:700;font-family:var(--display-font);margin-bottom:6px;font-size:16px}.section-text{color:var(--muted);font-size:15px}.section-problem{background:#fff7f0}.section-magnify{background:#ffece4}.section-hope{background:#eef5ff}.section-solution{background:#f5f8ff}.cta{margin-top:18px;padding:16px;border-radius:16px;border:1px solid #e5e7f2;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:16px}.cta-title{font-weight:700;font-family:var(--display-font);margin-bottom:6px}.cta-actions{display:flex;gap:10px;flex-wrap:wrap}.card{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:20px;box-shadow:var(--shadow)}.auth-card{background:rgba(255,255,255,.96)}.card h2{margin:0 0 10px;font-size:18px;font-weight:700;font-family:var(--display-font)}.auth-lead{margin-bottom:12px}.muted{color:var(--muted);font-size:14px;margin-bottom:14px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.field.row{flex-direction:row;gap:10px;align-items:center}.field label{font-size:13px;color:var(--muted)}.input,.select,.textarea{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:#fff;font-size:14px;transition:border-color .2s ease,box-shadow .2s ease}.textarea{min-height:120px;resize:vertical}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb2e}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-radius:14px;border:1px solid transparent;font-weight:600;font-size:15px;cursor:pointer;transition:transform .08s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease;font-family:var(--body-font)}.btn.primary{background:#2563eb;color:#fff;box-shadow:0 12px 26px #2563eb47}.btn.primary:hover{background:var(--primary-dark)}.btn.secondary{background:#fff;color:var(--text);border-color:var(--border)}.btn.ghost{background:transparent;color:var(--text);border-color:var(--border)}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.notes-list{display:flex;flex-direction:column;gap:10px}.note-item{border:1px solid var(--border);border-radius:14px;padding:12px;background:#fff}.note-meta{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px;margin-bottom:6px}.note-title{font-weight:700;margin:0 0 4px}.tag{display:inline-block;background:#fef3c7;color:#92400e;border-radius:10px;padding:2px 8px;font-size:12px;margin-right:6px}.error{color:#dc2626;font-size:13px;margin-top:6px}.success{color:#16a34a;font-size:13px;margin-top:6px}.footer{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:22px;color:var(--muted);font-size:12px;opacity:.8}.footer a{color:inherit}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(15,23,42,.55);display:flex;align-items:center;justify-content:center;padding:24px;z-index:1000}.modal-card{width:min(420px,100%);background:#fff;border-radius:18px;border:1px solid var(--border);padding:20px;box-shadow:var(--shadow);position:relative}.modal-card h2{margin:0 0 10px;font-size:20px;font-weight:700;font-family:var(--display-font)}.modal-close{position:absolute;top:10px;right:10px;border:none;background:#f3f4f6;color:#111827;width:28px;height:28px;border-radius:50%;cursor:pointer;font-weight:700}.modal-close:hover{background:#e5e7eb}@media (max-width: 980px){.topbar{flex-direction:column;align-items:flex-start}.hero-grid,.hero-list{grid-template-columns:1fr}.cta{flex-direction:column;align-items:flex-start}}@media (max-width: 640px){.app-shell{margin-top:0}.btn{width:100%}.field.row{flex-direction:column;align-items:stretch}}