@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";.landing{background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6}.container{max-width:1440px;margin:0 auto;padding:0 2rem}.hero{padding:4rem 2rem;text-align:center;background:linear-gradient(135deg,var(--primary-base),var(--accent-base));color:#fff;position:relative}.hero .hero-wave{position:absolute;left:0;bottom:0;transform:scaleY(-1);opacity:.4}.hero .hero-wave-wrapper{position:absolute;left:0;bottom:0;width:100%;height:auto;z-index:0;pointer-events:none}.hero .home-main-content{position:relative;z-index:1}.hero .container{display:flex;flex-direction:column;align-items:center}.hero h1{font-size:3rem;margin-bottom:1rem}.hero p{font-size:1.25rem;margin-bottom:2rem;color:var(--primary-darkest)}.btn-primary{background:var(--accent-base);color:#fff;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;border:none;cursor:pointer;transition:background .3s}.btn-primary:hover{background:var(--accent-dark)}.features{padding:4rem 2rem;background:var(--surface);text-align:center}.features h2{font-size:2rem;margin-bottom:2rem}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.feature-card{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:2rem;text-align:left;transition:transform .2s}.feature-card:hover{transform:translateY(-4px)}.feature-card h3{color:var(--primary-base);margin-bottom:.75rem}.feature-card h3 svg{transform:translateY(3px) translate(-5px)}.how-it-works{padding:4rem 0;text-align:center}.how-it-works h2{font-size:2rem;margin-bottom:2rem}.how-it-works ol{max-width:720px;margin:0 auto;text-align:left;padding-left:1.25rem}.how-it-works li{margin-bottom:1rem;font-size:1.125rem;color:var(--text-muted)}.cta{padding:4rem 2rem;text-align:center;background:var(--primary-dark);color:#fff}.cta .container{display:flex;flex-direction:column;align-items:center}.cta h2{font-size:2rem;margin-bottom:1.5rem}.cta .btn-primary{background:var(--accent-base)}.cta .btn-primary:hover{background:var(--accent-dark)}footer{padding:1.5rem;text-align:center;font-size:.875rem;color:var(--text-muted);background:var(--surface)}@media (max-width: 768px){.hero h1{font-size:2.25rem}.features h2,.how-it-works h2,.cta h2{font-size:1.5rem}}:root{--primary-lightest: #e0f2ff;--primary-light: #90cdf4;--primary-base: #3b82f6;--primary-dark: #1e40af;--primary-darkest: #1e3a8a;--accent-lightest: #ffe5f0;--accent-light: #ffb3d1;--accent-base: #ff4da6;--accent-dark: #c70077;--accent-darkest: #900049;--bg: #ffffff;--surface: #f5f5f5;--border: #e0e0e0;--text: #1a1a1a;--text-muted: #555555}:root[data-theme=dark]{--primary-lightest: #1e3a8a;--primary-light: #1e40af;--primary-base: #3b82f6;--primary-dark: #60a5fa;--primary-darkest: #dbeafe;--accent-lightest: #900049;--accent-light: #c70077;--accent-base: #ff4da6;--accent-dark: #ffb3d1;--accent-darkest: #ffe5f0;--bg: #0f172a;--surface: #1e293b;--border: #334155;--text: #f8fafc;--text-muted: #cbd5e1}.w-1{width:0%}.w-2{width:50%}.w-3{width:calc(100% - 100%/3)}.w-4{width:75%}.w-5{width:80%}.w-6{width:calc(100% - 100%/6)}.w-7{width:calc(100% - 100%/7)}.w-8{width:87.5%}.w-9{width:calc(100% - 100%/9)}.w-10{width:90%}.w-11{width:calc(100% - 100%/11)}.w-12{width:calc(100% - 100%/12)}.btn-s{padding:5px 10px;font-size:14px}.btn-m{padding:15px 20px;font-size:14px}.btn-l{padding:10px 15px;font-size:14px}.btn-xl{padding:20px 25px;font-size:14px}.btn-default{background-color:var(--primary-darkest);color:var(--primary-light);border:0;border-radius:3px;cursor:pointer}.btn-link{color:var(--primary-darkest);border:0;border-radius:3px;cursor:pointer;background-color:transparent}.btn-default:hover{opacity:.7}.flex{display:flex}.center{justify-content:center}.right{justify-content:end}body{margin:0;font-family:Roboto,sans-serif;font-size:16px}:root{--header-height: 50px;--sidebar-width: 140px}button{font-family:Pathway Gothic One,sans-serif;font-weight:400;font-style:normal}.header{height:var(--header-height);width:100%;background-color:var(--surface);display:flex;align-items:center;justify-content:space-between;padding:0 20px;box-sizing:border-box}.logo{display:flex;align-items:center;text-decoration:none}.logo-title{margin-left:10px;font-weight:600;color:var(--primary-darkest);letter-spacing:4px;font-size:14px}.logo svg{display:block}.auth{display:flex;align-items:center;gap:10px;color:var(--primary-darkest);position:relative;-webkit-user-select:none;user-select:none}.auth svg{cursor:pointer}.settings-menu{position:absolute;top:calc(var(--header-height) - 5px);background-color:var(--primary-lightest);width:calc(100% - 20px);padding:10px}.settings-menu .menu-row{font-size:14px;padding:5px;text-align:right;margin-top:0;line-height:25px;height:25px;display:flex;justify-content:space-between}.settings-menu .menu-row svg{margin-top:7px;display:block;margin-right:5px}.settings-menu .menu-row:hover{background-color:#ffffff80}.page{display:flex}.content{width:100%}.content.user{width:calc(100% - var(--sidebar-width))}.sidebar{width:var(--sidebar-width);background:transparent;height:calc(100vh - var(--header-height));padding:20px}.sidebar a{transition:.9s;border-radius:4px;display:flex;margin-bottom:10px;text-decoration:none;background:var(--primary-lightest);padding:7px 10px;color:var(--primary-darkest);justify-content:space-between}.sidebar a:hover{background:var(--primary-light)}