.navbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f172ab8;border-bottom:1px solid #ffffff14;box-shadow:0 8px 32px #0000002e;padding:.85rem 1.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.navbar-inner{align-items:center;display:flex;gap:1.5rem;justify-content:space-between;margin:0 auto;max-width:1100px}.navbar-brand{align-items:center;color:#f8fafc;display:inline-flex;font-size:1.15rem;font-weight:700;gap:.65rem;letter-spacing:-.02em;text-decoration:none;transition:opacity .2s ease}.navbar-brand:hover{opacity:.9}.brand-icon{align-items:center;background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:10px;box-shadow:0 4px 14px #6366f173;color:#fff;display:inline-flex;font-size:.95rem;height:2rem;justify-content:center;width:2rem}.nav-links{display:flex;gap:.35rem;list-style:none;margin:0;padding:0}.nav-links a{border-radius:999px;color:#e2e8f0d1;font-size:.95rem;font-weight:500;padding:.55rem 1rem;text-decoration:none;transition:all .25s ease}.nav-links a:hover{background:#ffffff14;color:#f8fafc}.nav-links a.active{background:linear-gradient(135deg,#6366f159,#a855f759);box-shadow:inset 0 0 0 1px #ffffff1f;color:#f8fafc}@media (max-width:640px){.navbar{padding:.75rem 1rem}.navbar-inner{align-items:stretch;flex-direction:column;gap:.85rem}.nav-links,.navbar-brand{justify-content:center}.nav-links{flex-wrap:wrap}.nav-links a{font-size:.9rem;padding:.5rem .85rem}}:root{--bg-deep:#0b1020;--bg-mid:#151b33;--text-primary:#f8fafc;--text-secondary:#e2e8f0b8;--text-muted:#94a3b8e6;--accent-start:#6366f1;--accent-end:#a855f7;--accent-soft:#6366f12e;--success:#22c55e;--danger:#ef4444;--danger-hover:#dc2626;--glass-bg:#ffffff0f;--glass-border:#ffffff1a;--glass-shadow:0 24px 60px #00000059;--radius-lg:20px;--radius-md:12px;--radius-sm:8px}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;background:#0b1020;background:var(--bg-deep);color:#f8fafc;color:var(--text-primary);font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0}.App,body{min-height:100vh}.App{overflow-x:hidden;position:relative}.App:after,.App:before{animation:float 18s ease-in-out infinite;border-radius:50%;content:"";filter:blur(80px);opacity:.55;pointer-events:none;position:fixed;z-index:0}.App:before{background:radial-gradient(circle,#6366f1 0,#0000 70%);height:420px;right:-80px;top:-120px;width:420px}.App:after{animation-delay:-9s;background:radial-gradient(circle,#a855f7 0,#0000 70%);bottom:-160px;height:520px;left:-120px;width:520px}.App>*{position:relative;z-index:1}@keyframes float{0%,to{transform:translate(0) scale(1)}50%{transform:translate(30px,-20px) scale(1.05)}}.page-container{margin:0 auto;max-width:760px;padding:2.5rem 1.5rem 4rem;width:100%}.page-header{margin-bottom:2rem;text-align:center}.page-eyebrow{background:#6366f12e;background:var(--accent-soft);border-radius:999px;color:#c4b5fd;display:inline-block;font-size:.78rem;font-weight:600;letter-spacing:.08em;margin:0 0 .75rem;padding:.35rem .85rem;text-transform:uppercase}h1{background:linear-gradient(135deg,#fff,#c4b5fd);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:clamp(2rem,5vw,2.75rem);font-weight:700;letter-spacing:-.03em;line-height:1.15;margin:0 0 .85rem}.page-subtitle{color:#e2e8f0b8;color:var(--text-secondary);font-size:1.05rem;line-height:1.65;margin:0 auto;max-width:520px}.contact-card,.todo-list-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0f;background:var(--glass-bg);border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 24px 60px #00000059;box-shadow:var(--glass-shadow);padding:1.75rem}.todo-stats{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(3,1fr);margin-bottom:1.5rem}.todo-stat{align-items:center;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:12px;border-radius:var(--radius-md);display:flex;flex-direction:column;gap:.2rem;padding:.85rem .5rem}.todo-stat-value{color:#e2e8f0;font-size:1.5rem;font-weight:700}.todo-stat-label{color:#94a3b8e6;color:var(--text-muted);font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.todo-form{display:flex;gap:.75rem;margin-bottom:1.5rem}.contact-form input,.contact-form textarea,.todo-input{background:#0f172a8c;border:1px solid #ffffff1f;border-radius:12px;border-radius:var(--radius-md);color:#f8fafc;color:var(--text-primary);font-family:inherit;font-size:1rem;padding:.95rem 1rem;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;width:100%}.contact-form textarea::placeholder,.todo-input::placeholder{color:#94a3b8bf}.contact-form input:focus,.contact-form textarea:focus,.todo-input:focus{background:#0f172abf;border-color:#818cf8cc;box-shadow:0 0 0 4px #6366f126;outline:none}.add-button,.contact-form button,.submit-button{background:linear-gradient(135deg,#6366f1,#a855f7);background:linear-gradient(135deg,var(--accent-start) 0,var(--accent-end) 100%);border:none;border-radius:12px;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-family:inherit;font-size:.95rem;font-weight:600;padding:.95rem 1.35rem;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease;white-space:nowrap}.add-button:hover,.contact-form button:hover,.submit-button:hover{box-shadow:0 10px 24px #6366f159;transform:translateY(-1px)}.add-button:active,.contact-form button:active,.submit-button:active{transform:translateY(0)}.filter-buttons{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:999px;display:flex;gap:.5rem;margin-bottom:1.25rem;padding:.35rem}.filter-buttons button{background:#0000;border:none;border-radius:999px;color:#e2e8f0b8;color:var(--text-secondary);cursor:pointer;flex:1 1;font-family:inherit;font-size:.88rem;font-weight:600;padding:.65rem .85rem;transition:all .2s ease}.filter-buttons button:hover{background:#ffffff0f;color:#f8fafc;color:var(--text-primary)}.filter-buttons button.active{background:linear-gradient(135deg,#6366f1,#a855f7);background:linear-gradient(135deg,var(--accent-start),var(--accent-end));box-shadow:0 6px 18px #6366f159;color:#fff}.todo-list{display:flex;flex-direction:column;gap:.65rem;list-style:none;margin:0;padding:0}.todo-item{align-items:center;background:#ffffff0a;border:1px solid #ffffff12;border-radius:12px;border-radius:var(--radius-md);display:flex;gap:.85rem;padding:.9rem 1rem;transition:transform .2s ease,background .2s ease,border-color .2s ease}.todo-item:hover{background:#ffffff12;border-color:#818cf840;transform:translateX(3px)}.todo-item.completed{opacity:.72}.todo-checkbox{align-items:center;background:#0000;border:2px solid #94a3b899;border-radius:50%;cursor:pointer;display:inline-flex;flex-shrink:0;height:1.35rem;justify-content:center;padding:0;transition:all .2s ease;width:1.35rem}.todo-checkbox:hover{border-color:#818cf8}.todo-item.completed .todo-checkbox{background:linear-gradient(135deg,#22c55e,#16a34a);background:linear-gradient(135deg,var(--success),#16a34a);border-color:#0000}.checkmark{color:#fff;font-size:.75rem;font-weight:700;line-height:1}.todo-text{color:#e2e8f0;cursor:pointer;flex:1 1;font-size:1rem;line-height:1.45;-webkit-user-select:none;user-select:none}.todo-item.completed .todo-text{color:#94a3b8e6;color:var(--text-muted);text-decoration:line-through}.remove-button{background:#ef444426;border:1px solid #ef444440;border-radius:8px;border-radius:var(--radius-sm);color:#fca5a5;cursor:pointer;flex-shrink:0;font-family:inherit;font-size:.82rem;font-weight:600;padding:.45rem .85rem;transition:all .2s ease}.remove-button:hover{background:#ef4444;background:var(--danger);border-color:#0000;color:#fff}.empty-message{color:#94a3b8e6;color:var(--text-muted);padding:2.5rem 1rem;text-align:center}.empty-icon{display:block;font-size:2rem;margin-bottom:.75rem;opacity:.8}.empty-message p{font-size:1rem;line-height:1.5;margin:0}.contact-form{display:flex;flex-direction:column;gap:1.25rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column;gap:.45rem}.form-group label{color:#cbd5e1;font-size:.9rem;font-weight:600}.contact-form textarea{min-height:140px;resize:vertical}.form-error{color:#fca5a5;font-size:.82rem}.success-banner{background:#22c55e26;border:1px solid #22c55e4d;border-radius:12px;border-radius:var(--radius-md);color:#86efac;font-weight:500;margin-bottom:1.25rem;padding:.95rem 1rem;text-align:center}.submit-button{align-self:flex-start}@media (max-width:768px){.page-container{padding:1.75rem 1rem 3rem}.contact-card,.todo-list-container{padding:1.25rem}.todo-form{flex-direction:column}.form-row{grid-template-columns:1fr}.todo-item{flex-wrap:wrap}.todo-text{width:calc(100% - 2.2rem)}.remove-button{margin-top:.25rem;width:100%}}@media (max-width:480px){.todo-stats{grid-template-columns:1fr}.filter-buttons{border-radius:12px;border-radius:var(--radius-md);flex-direction:column}.filter-buttons button{border-radius:8px;border-radius:var(--radius-sm)}}.contact-container,.home-container,.todos-container{animation:fadeIn .45s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=main.ee272eea.css.map*/