.home{padding-bottom:var(--space-2xl)}.hero{position:relative;overflow:hidden;padding:var(--space-2xl) 0;text-align:center}.hero__glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 70% 55% at 50% 0%,rgba(108,99,255,.18) 0%,transparent 70%);pointer-events:none}.hero__content{position:relative;max-width:720px;margin:0 auto}.hero__badge{display:inline-block;margin-bottom:var(--space-lg);padding:6px 18px;border-radius:999px;background:#6c63ff26;border:1px solid rgba(108,99,255,.35);font-size:.85rem;font-weight:600;color:var(--clr-primary);letter-spacing:.5px}.gradient-text{background:linear-gradient(135deg,var(--clr-primary) 0%,var(--clr-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero__sub{margin-top:var(--space-lg);color:var(--clr-muted);font-size:1.1rem;max-width:560px;margin-left:auto;margin-right:auto}.hero__actions{display:flex;gap:var(--space-md);justify-content:center;margin-top:var(--space-xl);flex-wrap:wrap}.api-status{display:inline-flex;align-items:center;gap:8px;margin-top:var(--space-xl);font-size:.85rem;color:var(--clr-muted);background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:999px;padding:4px 16px}.api-status__dot{width:8px;height:8px;border-radius:50%;background:var(--clr-muted);animation:pulse 1.5s ease-in-out infinite}.api-status--ok .api-status__dot{background:var(--clr-accent);animation:none}.api-status--err .api-status__dot{background:var(--clr-danger);animation:none}.api-status--ok{color:var(--clr-accent);border-color:#00d4aa4d}.api-status--err{color:var(--clr-danger);border-color:#ff5c7a4d}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.features{padding:var(--space-2xl) 0 0}.section-title{text-align:center;margin-bottom:var(--space-xl);font-size:1.8rem}.feature-card__icon{font-size:2rem;margin-bottom:var(--space-sm)}.feature-card h3{margin-bottom:var(--space-xs)}.feature-card__desc{color:var(--clr-muted);font-size:.9rem;margin-top:var(--space-xs)}.items-page{padding:var(--space-xl) 0 var(--space-2xl)}.items-page h1{margin-bottom:var(--space-xs)}.items-count{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--clr-primary);color:#fff;font-size:.9rem;font-weight:700;margin-left:10px;vertical-align:middle}.page-sub{color:var(--clr-muted);margin-bottom:var(--space-xl)}.add-form{margin-bottom:var(--space-xl)}.add-form h2{margin-bottom:var(--space-lg)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.form-check{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);cursor:pointer}.form-check input{accent-color:var(--clr-primary);width:16px;height:16px;cursor:pointer}.form-check label{font-size:.9rem;color:var(--clr-muted);cursor:pointer}.items-grid{margin-top:var(--space-lg)}.item-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-sm);gap:var(--space-sm)}.item-card__desc{color:var(--clr-muted);font-size:.9rem;margin-bottom:var(--space-md)}.item-card__footer{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-md)}.item-card__price{font-size:1.3rem;font-weight:700;color:var(--clr-accent)}@media(max-width:600px){.form-row{grid-template-columns:1fr}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--clr-bg: #0d0f14;--clr-surface: #161923;--clr-border: #252d3d;--clr-primary: #6c63ff;--clr-primary-h: #8880ff;--clr-accent: #00d4aa;--clr-danger: #ff5c7a;--clr-text: #e8ecf4;--clr-muted: #8892a4;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 40px;--space-2xl: 64px;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--transition: .2s cubic-bezier(.4, 0, .2, 1)}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,sans-serif;background:var(--clr-bg);color:var(--clr-text);min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased}h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.1}h2{font-size:clamp(1.4rem,3vw,2rem);font-weight:700}h3{font-size:1.2rem;font-weight:600}a{color:var(--clr-primary);text-decoration:none}a:hover{color:var(--clr-primary-h)}.container{width:100%;max-width:1100px;margin:0 auto;padding:0 var(--space-lg)}.navbar{position:sticky;top:0;z-index:100;background:#0d0f14d9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--clr-border);padding:var(--space-md) 0}.navbar .container{display:flex;align-items:center;justify-content:space-between}.navbar__brand{font-size:1.25rem;font-weight:800;color:var(--clr-text);letter-spacing:-.5px}.navbar__brand span{color:var(--clr-primary)}.navbar__links{display:flex;gap:var(--space-lg);list-style:none}.navbar__links a{color:var(--clr-muted);font-weight:500;transition:color var(--transition)}.navbar__links a:hover,.navbar__links a.active{color:var(--clr-text)}.btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:10px 20px;border-radius:var(--radius-sm);font-size:.9rem;font-weight:600;border:none;cursor:pointer;transition:all var(--transition)}.btn-primary{background:var(--clr-primary);color:#fff;box-shadow:0 0 20px #6c63ff59}.btn-primary:hover{background:var(--clr-primary-h);box-shadow:0 0 30px #6c63ff80;transform:translateY(-1px)}.btn-outline{background:transparent;color:var(--clr-primary);border:1px solid var(--clr-primary)}.btn-outline:hover{background:#6c63ff1a}.btn-danger{background:var(--clr-danger);color:#fff}.btn-danger:hover{opacity:.85}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.card{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-md);padding:var(--space-lg);transition:border-color var(--transition),box-shadow var(--transition)}.card:hover{border-color:var(--clr-primary);box-shadow:0 0 24px #6c63ff1f}.badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:.75rem;font-weight:600}.badge-green{background:#00d4aa26;color:var(--clr-accent)}.badge-red{background:#ff5c7a26;color:var(--clr-danger)}.form-group{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-md)}.form-group label{font-size:.85rem;color:var(--clr-muted);font-weight:500}.form-control{background:var(--clr-bg);border:1px solid var(--clr-border);border-radius:var(--radius-sm);color:var(--clr-text);padding:10px 14px;font-size:.95rem;font-family:inherit;transition:border-color var(--transition);width:100%}.form-control:focus{outline:none;border-color:var(--clr-primary);box-shadow:0 0 0 3px #6c63ff26}.alert{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-size:.9rem;margin-bottom:var(--space-md)}.alert-success{background:#00d4aa1a;border:1px solid rgba(0,212,170,.3);color:var(--clr-accent)}.alert-error{background:#ff5c7a1a;border:1px solid rgba(255,92,122,.3);color:var(--clr-danger)}.spinner{width:36px;height:36px;border-radius:50%;border:3px solid var(--clr-border);border-top-color:var(--clr-primary);animation:spin .7s linear infinite;margin:var(--space-xl) auto}@keyframes spin{to{transform:rotate(360deg)}}.grid{display:grid;gap:var(--space-lg)}.grid-2{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}