:root{color-scheme:light dark;--bg: #0f172a;--bg-card: #1e293b;--bg-elevated: #020617;--text: #e5e7eb;--text-muted: #9ca3af;--accent: #38bdf8;--accent-soft: rgba(56, 189, 248, .15);--border-subtle: rgba(148, 163, 184, .4);--radius-lg: 16px;--radius-md: 10px}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at top,#1f2937 0,#020617 55%,#020617);color:var(--text)}.page{min-height:100vh;display:flex}.page--center{align-items:center;justify-content:center}.card{background:linear-gradient(145deg,#0f172af2,#0f172abf);border-radius:var(--radius-lg);border:1px solid rgba(148,163,184,.35);box-shadow:0 20px 45px #0f172ae6,0 0 0 1px #0f172ae6;padding:32px 30px 26px;width:100%;max-width:380px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.card--auth:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;background:radial-gradient(circle at top left,rgba(56,189,248,.32),transparent 60%);opacity:.6;z-index:-1}.card__title{margin:0 0 24px;font-size:1.7rem;letter-spacing:.03em}.form{display:flex;flex-direction:column;gap:16px}.form__field{display:flex;flex-direction:column;gap:6px;font-size:.9rem;color:var(--text-muted)}.form__field input{border-radius:999px;border:1px solid var(--border-subtle);background:#0f172ae6;padding:10px 14px;color:var(--text);outline:none;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.form__field input:focus{border-color:var(--accent);box-shadow:0 0 0 1px #38bdf899}.form__error{margin-top:4px;font-size:.8rem;color:#fecaca}.btn{border-radius:999px;border:none;padding:10px 16px;font-size:.95rem;cursor:pointer;transition:background .15s ease,box-shadow .15s ease,transform .05s ease}.btn--primary{background:linear-gradient(135deg,#38bdf8,#22c55e);color:#0f172a;font-weight:600;box-shadow:0 12px 25px #38bdf873}.btn--primary:hover{box-shadow:0 16px 35px #38bdf88c;transform:translateY(-1px)}.btn--ghost{background:transparent;color:var(--text-muted)}.layout{min-height:100vh;display:flex;flex-direction:column}.layout__header{display:flex;align-items:center;gap:16px;padding:14px 22px;border-bottom:1px solid rgba(148,163,184,.35);background:radial-gradient(circle at top left,#38bdf81a,#0f172af5);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.layout__title{font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:.95rem}.layout__spacer{flex:1}.layout__main{flex:1;padding:20px}.grid{display:grid;gap:18px}.grid--categories{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.category-card{display:flex;gap:14px;padding:14px 16px;border-radius:var(--radius-md);border:1px solid rgba(148,163,184,.4);background:radial-gradient(circle at top left,#0f172ae6,#0f172acc);cursor:pointer;transition:border-color .16s ease,transform .07s ease,box-shadow .16s ease}.category-card:hover{border-color:var(--accent);box-shadow:0 18px 35px #0f172af2;transform:translateY(-1px)}.category-card__icon{width:32px;height:32px;border-radius:999px;position:relative;background:radial-gradient(circle at 30% 0,#38bdf8b3,#0f172ae6);border:1px solid rgba(148,163,184,.7);overflow:hidden}.category-card__icon:before,.category-card__icon:after{content:"";position:absolute;top:18%;right:18%;bottom:18%;left:18%;border-radius:inherit;border:2px solid rgba(15,23,42,.9)}.category-card__body{display:flex;flex-direction:column;gap:4px}.category-card__title{font-size:.98rem;font-weight:600}.category-card__description{font-size:.8rem;color:var(--text-muted)}.category-icon--music:before{border-radius:999px;border-width:0;background:linear-gradient(180deg,#0f172a00 40%,#0f172ae6 40%,#0f172ae6 60%,#0f172a00 60%) 30% 50% / 18% 90% no-repeat,linear-gradient(180deg,#0f172a00 30%,#0f172ae6 30%,#0f172ae6 55%,#0f172a00 55%) 60% 50% / 22% 90% no-repeat}.category-icon--linux:before{border-radius:6px;border-width:0;background:linear-gradient(135deg,#0f172a1a,#0f172ae6),radial-gradient(circle at 30% 30%,rgba(248,250,252,.3),transparent 55%)}.category-icon--programming:before{border-width:0;background:linear-gradient(135deg,#0f172a00,#0f172ae6) 10% 50% / 40% 70% no-repeat,linear-gradient(-135deg,#0f172a00,#0f172ae6) 90% 50% / 40% 70% no-repeat}.category-icon--databases:before{border-radius:999px;border-width:0;background:radial-gradient(ellipse at top,rgba(248,250,252,.7),transparent 70%) 50% 18% / 70% 24% no-repeat,radial-gradient(ellipse at center,rgba(248,250,252,.7),transparent 70%) 50% 50% / 70% 24% no-repeat,radial-gradient(ellipse at bottom,rgba(248,250,252,.7),transparent 70%) 50% 82% / 70% 24% no-repeat}.category-icon--security:before{border-radius:999px;border-width:0;box-shadow:0 0 0 1px #0f172ae6;clip-path:polygon(50% 5%,90% 25%,90% 70%,50% 95%,10% 70%,10% 25%)}.category-icon--devops:before{border-width:2px;border-radius:999px;border-style:dashed}.category-icon--cisco:before{border-width:0;background:linear-gradient(90deg,rgba(248,250,252,.5) 0 12%,transparent 12% 22%,rgba(248,250,252,.5) 22% 34%,transparent 34% 44%,rgba(248,250,252,.5) 44% 56%,transparent 56% 66%,rgba(248,250,252,.5) 66% 78%,transparent 78% 88%,rgba(248,250,252,.5) 88% 100%) 0 35% / 100% 18% no-repeat,linear-gradient(90deg,rgba(148,163,184,.7) 0 8%,transparent 8% 20%,rgba(148,163,184,.7) 20% 32%,transparent 32% 44%,rgba(148,163,184,.7) 44% 56%,transparent 56% 68%,rgba(148,163,184,.7) 68% 80%,transparent 80% 92%,rgba(148,163,184,.7) 92% 100%) 0 65% / 100% 18% no-repeat}@media (max-width: 600px){.card{margin:0 16px;padding-inline:22px}.layout__header{padding-inline:14px}}