:root{--bg:#07110f;--panel:#101c1a;--muted:#a7b6b2;--brand:#24d39a;--brand2:#7cc6ff;--line:#24423a}body.site-body{background:var(--bg);color:#f5fffb;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}.glass-nav{background:rgba(7,17,15,.82);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}a{color:var(--brand2);text-decoration:none}.btn-brand{background:var(--brand);color:#04100d;border:0;font-weight:700}.text-brand{color:var(--brand)}.hero{min-height:92vh;padding-top:6rem;background:radial-gradient(circle at 20% 10%,rgba(36,211,154,.22),transparent 28%),linear-gradient(135deg,#07110f,#0f1b24 55%,#17101d)}.profile-panel,.item-card,.channel-box,.quote,.skill-row{background:var(--panel);border:1px solid var(--line);border-radius:8px}.profile-panel{padding:2rem;box-shadow:0 24px 80px rgba(0,0,0,.35)}.section-title{font-size:clamp(2rem,4vw,3.25rem);font-weight:800;margin-bottom:1.5rem}.band{background:#0b1715}.item-card{height:100%;overflow:hidden}.item-card img,.channel-box img{width:100%;height:210px;object-fit:cover;background:#142522}.item-card h2,.item-card h3{font-size:1.25rem}.skill-row{padding:1rem}.progress{height:.55rem;background:#1e302d}.progress-bar{background:linear-gradient(90deg,var(--brand),var(--brand2))}.timeline{border-left:2px solid var(--brand);padding-left:1.5rem}.timeline-item{position:relative;margin-bottom:1.5rem}.timeline-item:before{content:"";position:absolute;left:-1.95rem;top:.3rem;width:.8rem;height:.8rem;border-radius:50%;background:var(--brand)}.channel-box,.quote{padding:1rem;height:100%}.quote footer{margin-top:1rem;color:var(--brand)}.page-hero{padding:9rem 0 4rem;background:linear-gradient(135deg,#07110f,#12231f)}.page-hero h1{font-size:clamp(2.25rem,6vw,4.5rem);font-weight:900}.form-control,.form-select{background:#101c1a;border-color:#294842;color:#fff}.form-control:focus{background:#101c1a;color:#fff;border-color:var(--brand);box-shadow:0 0 0 .2rem rgba(36,211,154,.18)}.detail-image{width:100%;max-height:460px;object-fit:cover;border-radius:8px;border:1px solid var(--line)}.content-body{color:#e6f1ee;line-height:1.8}.content-body img{max-width:100%;height:auto}.share-row{display:flex;gap:1rem;margin:2rem 0}.comment{border-top:1px solid var(--line);padding:1rem 0}