@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--app-bg: #050509;--app-text: #f8fafc;--app-surface: #222c3f;--app-surface-strong: #1b2333;--app-muted: #94a3b8;--app-border: rgba(148, 163, 184, .2);--accent: #c72d2f;--accent-soft: rgba(199, 45, 47, .18);--accent-glow: rgba(199, 45, 47, .35);--radius: 24px;color-scheme:dark}[data-theme=light]{--app-bg: #f8fafc;--app-text: #0f172a;--app-surface: #ffffff;--app-surface-strong: #e2e8f0;--app-muted: #475569;--app-border: rgba(15, 23, 42, .15);color-scheme:light}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,Segoe UI,sans-serif}html,body{background:var(--app-bg);color:var(--app-text);min-height:100%}a{text-decoration:none;color:inherit;transition:color .2s ease,border .2s ease,background .2s ease}.min-h-screen{min-height:100vh}.font-sans{font-family:Inter,Segoe UI,sans-serif}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1 1 0%}.fixed{position:fixed}.right-4{right:1rem}.top-4{top:1rem}.z-50{z-index:50}.h-10{height:2.5rem}.w-10{width:2.5rem}.text-lg{font-size:1.125rem}.theme-toggle{width:40px;height:40px;border-radius:999px;border:1px solid rgba(255,255,255,.15);background:#ffffff14;color:var(--app-text);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:border .2s ease,background .2s ease}.theme-toggle--floating{box-shadow:0 18px 30px #00000059}[data-theme=light] .theme-toggle{border-color:var(--app-border);background:#0f172a0f;color:var(--app-text)}.theme-toggle__icon{width:18px;height:18px}.theme-toggle__icon--sun{display:none}[data-theme=light] .theme-toggle__icon--sun{display:inline}[data-theme=light] .theme-toggle__icon--moon{display:none}header{position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#05050999;border-bottom:1px solid rgba(255,255,255,.05)}.nav{max-width:1100px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:1rem 1.75rem;gap:1rem}.brand{display:flex;align-items:center;gap:.7rem;font-weight:600;font-size:1rem}.brand img{width:36px;height:36px;object-fit:contain;border-radius:10px}.brand-text{display:flex;flex-direction:column;line-height:1.2}.brand-text strong{font-weight:600;font-size:.95rem;letter-spacing:.02em}.brand-text span{text-transform:uppercase;letter-spacing:.2em;font-size:.65rem;color:var(--accent)}.nav-actions{display:flex;align-items:center;gap:.8rem}.nav-pill{padding:.55rem 1.2rem;border-radius:999px;background:#ffffff14;color:var(--app-muted);font-weight:600;border:1px solid rgba(255,255,255,.12);transition:transform .2s ease,color .2s ease,border .2s ease}.nav-pill:hover{color:var(--app-text);border-color:#c72d2f73;transform:translateY(-1px)}.app{min-height:100vh;background:var(--app-bg);color:var(--app-text)}.section{border-bottom:1px solid rgba(255,255,255,.05);background:var(--app-bg)}.section:last-of-type{border-bottom:none}.container{max-width:1100px;margin:0 auto;padding:4rem 1.75rem}.hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2.5rem;align-items:center;padding-top:4.5rem;padding-bottom:4.5rem}.pill{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .9rem;border-radius:999px;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;background:#ffffff14;color:var(--app-muted);border:1px solid rgba(255,255,255,.1)}.pill:before{content:"";width:8px;height:8px;border-radius:999px;background:var(--accent);box-shadow:0 0 12px var(--accent-glow)}.hero-copy h1{font-size:clamp(2rem,4vw,3rem);line-height:1.15;margin:1rem 0;font-weight:600}.hero-copy p{color:var(--app-muted);font-size:1rem;line-height:1.7;max-width:520px}.cta-group{margin-top:1.8rem;display:flex;flex-wrap:wrap;gap:1rem}.button{padding:.8rem 1.6rem;border-radius:999px;background:var(--accent);color:#fff;font-weight:600;border:1px solid transparent;box-shadow:0 12px 30px var(--accent-glow);transition:transform .2s ease,box-shadow .2s ease,border .2s ease;display:inline-flex;align-items:center;gap:.5rem}.button.secondary{background:transparent;border-color:#ffffff26;color:var(--app-text);box-shadow:none}.button:hover{transform:translateY(-2px);box-shadow:0 18px 35px var(--accent-glow)}.hero-card{position:relative;border-radius:var(--radius);padding:2.5rem;border:1px solid rgba(255,255,255,.08);background:linear-gradient(140deg,#c72d2f2e,#05050966);box-shadow:0 24px 50px #05050fa6,0 0 40px var(--accent-glow)}.hero-image{display:flex;flex-direction:column;align-items:center;gap:1.2rem;text-align:center}.hero-image img{width:120px;height:120px;object-fit:contain}.hero-image p{color:var(--app-muted);font-size:.95rem}.hero-media{display:flex;flex-direction:column;gap:1.5rem;align-items:center;text-align:center}.hero-media img{width:120px;height:120px;object-fit:contain}.hero-media p{color:var(--app-muted);font-size:.95rem}.taglist{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center}.tag{padding:.35rem .8rem;border-radius:999px;background:#c72d2f1f;color:#f5d4d4;font-size:.8rem;border:1px solid rgba(199,45,47,.25)}.section-title{text-align:center;margin-bottom:2rem}.section-title h2{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:600;margin-bottom:.5rem}.section-title p{color:var(--app-muted);font-size:.95rem}.projects-grid,.detail{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.5rem}.card,.project-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);padding:1.8rem;border-radius:20px;box-shadow:0 18px 40px #00000059;transition:transform .2s ease,border .2s ease}.detail .card{background:#ffffff08}.card:hover,.project-card:hover{transform:translateY(-6px);border-color:#c72d2f80}.card img,.project-card img{width:72px;height:72px;margin-bottom:1rem;object-fit:contain}.card h3,.project-card h3{font-size:1.2rem;margin-bottom:.6rem}.card p,.project-card p{color:var(--app-muted);line-height:1.6;margin-bottom:1.5rem;font-size:.95rem}footer{border-top:1px solid rgba(255,255,255,.05);background:#0009}.footer-content{max-width:1100px;margin:0 auto;padding:1.5rem 1.75rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem;justify-content:space-between;color:#94a3b8d9;font-size:.8rem}.footer-brand{display:flex;align-items:center;gap:.75rem}.footer-brand img{width:28px;height:28px;object-fit:contain;border-radius:8px}.footer-social{display:flex;align-items:center;gap:.9rem;color:#94a3b8d9}.footer-social span{width:32px;height:32px;border-radius:999px;border:1px solid rgba(148,163,184,.5);display:inline-flex;align-items:center;justify-content:center;font-size:.65rem;letter-spacing:.1em}.footer-right{display:flex;flex-direction:column;align-items:center;gap:.75rem;text-align:center}.footer-top{width:36px;height:36px;border-radius:999px;border:1px solid rgba(148,163,184,.6);display:inline-flex;align-items:center;justify-content:center;color:var(--app-text);transition:border .2s ease,transform .2s ease}.footer-top:hover{border-color:#ffffffb3;transform:translateY(-2px)}.footer-link{color:var(--accent);font-weight:600}@media (min-width: 768px){.footer-content{flex-direction:row;align-items:flex-start}.footer-right{align-items:flex-end;text-align:right}}@media (max-width: 720px){.nav{flex-direction:column;align-items:flex-start}}.auth-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem;background:radial-gradient(circle at 15% 10%,rgba(199,45,47,.18),transparent 40%),radial-gradient(circle at 85% 90%,rgba(59,130,246,.2),transparent 35%)}.auth-wrap{width:min(100%,760px);margin:0 auto;display:grid;gap:1.1rem}.auth-card{background:linear-gradient(160deg,#ffffff0d,#0f172a2e);border:1px solid var(--app-border);border-radius:20px;padding:1.7rem;display:flex;flex-direction:column;gap:.95rem;box-shadow:0 20px 45px #00000040;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.auth-card h1{font-size:1.65rem;font-weight:700;letter-spacing:-.02em}.auth-subtitle{color:var(--app-muted);font-size:.94rem;line-height:1.5}.auth-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.auth-field{display:flex;flex-direction:column;gap:.35rem}.auth-field span{font-size:.82rem;color:var(--app-muted);font-weight:600}.auth-field--full{grid-column:1 / -1}.auth-card input,.auth-card button{padding:.78rem .82rem;border-radius:12px;border:1px solid var(--app-border);background:#0f172a80;color:var(--app-text)}[data-theme=light] .auth-card input{background:#ffffffd9}.auth-card input:focus{outline:none;border-color:#c72d2fb3;box-shadow:0 0 0 3px #c72d2f2e}.auth-card button{background:linear-gradient(135deg,#c72d2f,#d54f46);border-color:transparent;cursor:pointer;font-weight:700;transition:transform .15s ease,box-shadow .15s ease}.auth-card button:hover{transform:translateY(-1px);box-shadow:0 10px 24px #c72d2f59}.auth-check{display:inline-flex;align-items:center;gap:.45rem;font-size:.88rem;color:var(--app-muted)}.auth-links{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:.25rem}.auth-links a{font-size:.85rem;color:var(--app-muted);padding:.35rem .6rem;border-radius:999px;border:1px solid transparent}.auth-links a:hover,.auth-links a.is-current{color:var(--app-text);border-color:var(--app-border);background:#94a3b81a}.identity-banner{background:linear-gradient(120deg,var(--accent-soft),rgba(59,130,246,.16));border:1px solid var(--accent-glow);padding:1rem 1.1rem;border-radius:16px;margin-bottom:.2rem;display:flex;flex-direction:column;gap:.25rem}.identity-banner strong{font-size:.98rem}.identity-banner span{color:var(--app-muted);font-size:.86rem}.auth-status{border:1px solid rgba(34,197,94,.35);background:#22c55e1f;color:#86efac;border-radius:12px;padding:.65rem .75rem;font-size:.87rem}.error{color:#fecaca;font-size:.86rem}@media (max-width: 720px){.auth-grid{grid-template-columns:1fr}.auth-card{padding:1.3rem}}.dashboard-shell{min-height:100vh;padding:1.25rem}.dashboard-nav{max-width:1100px;margin:0 auto 1rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;border:1px solid var(--app-border);background:#0f172a59;border-radius:16px;padding:.9rem 1rem}.dashboard-brand{display:flex;align-items:center;gap:.75rem}.dashboard-brand img{width:42px;height:42px;border-radius:12px}.dashboard-brand strong{display:block;font-size:1rem}.dashboard-brand span{font-size:.8rem;color:var(--app-muted)}.dashboard-actions{display:flex;align-items:center;gap:.5rem}.dashboard-actions a,.dashboard-actions button{border:1px solid var(--app-border);background:transparent;color:var(--app-text);border-radius:999px;padding:.45rem .85rem;font-size:.85rem;cursor:pointer}.dashboard-content{max-width:1100px;margin:0 auto;display:grid;gap:1rem}.dashboard-hero,.dashboard-card,.dashboard-hub{border:1px solid var(--app-border);background:#0f172a59;border-radius:18px;padding:1.1rem}.dashboard-hero h1,.dashboard-hub h2,.dashboard-card h2{margin-bottom:.45rem}.dashboard-hero p,.dashboard-hub p,.dashboard-card li,.dashboard-item,.dashboard-empty{color:var(--app-muted);line-height:1.5}.dashboard-metrics{margin-top:1rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.dashboard-metrics article{background:#94a3b814;border:1px solid var(--app-border);border-radius:14px;padding:.8rem}.dashboard-metrics span{display:block;font-size:.78rem;color:var(--app-muted)}.dashboard-metrics strong{font-size:1rem}.dashboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem}.dashboard-card ul{list-style:none;display:grid;gap:.45rem}.dashboard-item{border:1px solid var(--app-border);border-radius:10px;padding:.55rem .65rem;background:#94a3b814}.dashboard-hub p{margin-bottom:.8rem}.dashboard-projects{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem}.dashboard-projects a{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.5rem;border:1px solid var(--app-border);border-radius:14px;padding:.8rem;background:#94a3b812}.dashboard-projects img{width:48px;height:48px;object-fit:contain;border-radius:10px}.dashboard-projects span{font-size:.85rem;color:var(--app-text);font-weight:600}@media (max-width: 960px){.dashboard-grid{grid-template-columns:1fr}.dashboard-projects{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-metrics{grid-template-columns:1fr}}@media (max-width: 640px){.dashboard-nav{flex-direction:column;align-items:flex-start}}