*{box-sizing:border-box}:root{color:#172033;font-synthesis:none;background:#f7f8fa;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}.app-shell{background:radial-gradient(circle at 80% 10%,#6366f114,#0000 30%),#f7f8fa;min-height:100vh}.navbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffd1;border-bottom:1px solid #e7e9ee;justify-content:space-between;align-items:center;height:72px;padding:0 6%;display:flex}.brand{cursor:pointer;align-items:center;gap:10px;font-size:18px;font-weight:700;display:flex}.brand-mark{color:#fff;background:#171b2e;border-radius:10px;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.large-mark{width:46px;height:46px;margin:0 auto 18px}.nav-actions{align-items:center;gap:10px;display:flex}.primary-button,.secondary-button,.ghost-button{border:1px solid #0000;border-radius:10px;padding:10px 17px;font-weight:600;transition:all .2s}.primary-button{color:#fff;background:#171b2e}.primary-button:hover{background:#252a42;transform:translateY(-1px)}.primary-button:disabled{opacity:.55;cursor:not-allowed}.secondary-button{color:#171b2e;background:#fff;border-color:#dfe2e8}.ghost-button{color:#4c556a;background:0 0}.large{padding:13px 21px}.full-width{width:100%;margin-top:8px}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 72px);padding:70px 20px;display:flex}.hero-content{max-width:720px}.eyebrow{color:#6b7280;letter-spacing:.16em;margin-bottom:18px;font-size:11px;font-weight:700}.hero h1{letter-spacing:-.055em;margin:0;font-size:clamp(42px,7vw,76px);line-height:1}.hero h1 span{color:#697083}.hero p{color:#687185;max-width:520px;margin:25px auto;font-size:18px;line-height:1.6}.hero-actions{justify-content:center;gap:10px;display:flex}.security-card{text-align:left;background:#fff;border:1px solid #e5e7eb;border-radius:16px;gap:15px;max-width:500px;margin-top:70px;padding:18px 20px;display:flex;box-shadow:0 12px 35px #141e320f}.security-icon{color:#2d7b42;background:#eef7ef;border-radius:11px;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.security-card p{color:#727b8d;margin:5px 0 0;font-size:14px}.auth-page{background:#f7f8fa;place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;width:100%;max-width:430px;padding:40px;box-shadow:0 25px 70px #141e3214}.auth-header{text-align:center;margin-bottom:28px}.auth-header h1{letter-spacing:-.03em;margin:0 0 8px}.auth-header p{color:#747d8f;margin:0}.auth-card form{flex-direction:column;gap:8px;display:flex}.auth-card label{margin-top:10px;font-size:13px;font-weight:600}input{color:#172033;background:#fff;border:1px solid #dfe2e8;border-radius:10px;outline:none;width:100%;padding:13px 14px;transition:all .2s}input:focus{border-color:#7a8193;box-shadow:0 0 0 3px #5a647814}.password-hint{color:#8a91a0;margin-top:2px;font-size:12px}.error-message{color:#b42318;background:#fff1f1;border:1px solid #ffd4d4;border-radius:9px;margin:8px 0;padding:11px 13px;font-size:13px}.auth-footer{text-align:center;color:#7a8291;margin:24px 0 0;font-size:14px}.auth-footer a{color:#171b2e;font-weight:600}.dashboard-shell{background:#f7f8fa}.dashboard{width:min(900px,92%);margin:0 auto;padding:70px 0}.dashboard-header{justify-content:space-between;align-items:flex-end;margin-bottom:30px;display:flex}.dashboard-header h1{letter-spacing:-.04em;margin:0 0 8px;font-size:42px}.dashboard-header p{color:#737c8e;margin:0}.task-count{font-size:30px;font-weight:700}.task-count span{color:#8a91a0;text-align:right;font-size:12px;font-weight:500;display:block}.task-form{background:#fff;border:1px solid #e2e5ea;border-radius:14px;gap:10px;margin-bottom:25px;padding:10px;display:flex}.task-form input{box-shadow:none;border:0}.task-form input:focus{box-shadow:none}.tasks-section{background:#fff;border:1px solid #e2e5ea;border-radius:16px;overflow:hidden}.task-list{flex-direction:column;display:flex}.task-item{border-bottom:1px solid #eef0f3;justify-content:space-between;align-items:center;padding:19px 21px;display:flex}.task-item:last-child{border-bottom:0}.task-info{align-items:center;gap:13px;display:flex}.task-check{color:#606a7d;background:#f0f2f6;border-radius:50%;place-items:center;width:30px;height:30px;font-size:13px;display:grid}.task-title{font-weight:600;display:block}.task-date{color:#9299a6;margin-top:4px;font-size:11px;display:block}.delete-button{color:#9ca3af;background:0 0;border:0;font-size:23px}.delete-button:hover{color:#d14343}.empty-state{text-align:center;color:#7d8594;padding:70px 20px}.empty-icon{color:#656f82;background:#f0f2f6;border-radius:50%;place-items:center;width:48px;height:48px;margin:0 auto 15px;display:grid}.empty-state h2{color:#343b4b;margin:0 0 7px}.empty-state p{margin:0}@media (width<=600px){.navbar{padding:0 20px}.hero-actions{flex-direction:column}.auth-card{padding:28px 22px}.dashboard{padding:40px 0}.dashboard-header{align-items:flex-start}.dashboard-header h1{font-size:34px}.task-form{flex-direction:column;padding:8px}}