:root{--bg:#0d0d0d;--bg2:rgba(255,255,255,0.06);--bg3:rgba(255,255,255,0.10);--bg4:rgba(255,255,255,0.14);--t1:#ffffff;--t2:rgba(255,255,255,0.65);--t3:rgba(255,255,255,0.35);--t4:rgba(255,255,255,0.15);--b1:rgba(255,255,255,0.08);--b2:rgba(255,255,255,0.14);--b3:rgba(255,255,255,0.22);--blue:#4A90D9;--blue-bg:rgba(74,144,217,0.12);--blue-bd:rgba(74,144,217,0.25);--orange:#E07B39;--org-bg:rgba(224,123,57,0.12);--org-bd:rgba(224,123,57,0.25);--green:#4BAF7D;--grn-bg:rgba(75,175,125,0.12);--grn-bd:rgba(75,175,125,0.25);--violet:#9B7FD4;--vlt-bg:rgba(155,127,212,0.12);--vlt-bd:rgba(155,127,212,0.25);--amber:#C47820;--amb-bg:rgba(196,120,32,0.12);--amb-bd:rgba(196,120,32,0.25);--fh:'Fraunces',Georgia,serif;--fb:'Geist',sans-serif;--fm:'DM Mono',monospace;--r:14px;--rl:20px;--rx:999px;--s1:8px;--s2:16px;--s3:24px;--s4:32px;--s5:40px;--s6:48px;--s7:64px;--s8:80px;--glass:blur(20px) saturate(1.6);--glow-teal:radial-gradient(ellipse at 80% 0%,rgba(75,175,125,0.18) 0%,transparent 60%);--glow-warm:radial-gradient(ellipse at 20% 100%,rgba(224,123,57,0.15) 0%,transparent 60%)}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:16px}
body{font-family:var(--fb);background:var(--bg);color:var(--t1);line-height:1.7;overflow-x:hidden;min-height:100vh;position:relative}
body::before{content:'';position:fixed;inset:0;background:var(--glow-teal),var(--glow-warm);pointer-events:none;z-index:0}
a{color:inherit;text-decoration:none}
button{font-family:var(--fb);cursor:pointer;border:none;background:none}
img{display:block}

.nav{position:fixed;top:0;left:0;right:0;z-index:200;background:rgba(13,13,13,0.6);backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass);border-bottom:1px solid var(--b1)}
.nav-inner{max-width:1160px;margin:0 auto;padding:0 var(--s4);height:60px;display:flex;align-items:center;justify-content:space-between;gap:var(--s3)}
.nav-logo{font-family:var(--fh);font-size:1.1rem;font-weight:500;color:var(--t1);letter-spacing:-0.01em;flex-shrink:0;display:flex;align-items:center;gap:8px}
.nav-logo-dot{width:7px;height:7px;border-radius:50%;background:var(--green);animation:pulse-dot 2.4s ease-in-out infinite}
@keyframes pulse-dot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.3;transform:scale(0.6)}}
.nav-links{display:flex;list-style:none;gap:2px;align-items:center}
.nav-links a{font-size:0.82rem;font-weight:400;color:var(--t2);padding:6px 14px;border-radius:var(--rx);transition:color 0.18s,background 0.18s;letter-spacing:0.01em}
.nav-links a:hover{color:var(--t1);background:var(--bg3)}
.nav-links a.active{color:var(--t1);background:var(--bg2);border:1px solid var(--b1)}
.nav-right{display:flex;align-items:center;gap:var(--s1);flex-shrink:0}
.icon-btn{width:34px;height:34px;border-radius:var(--rx);border:1px solid var(--b2);background:var(--bg2);backdrop-filter:var(--glass);color:var(--t2);font-size:0.95rem;display:flex;align-items:center;justify-content:center;transition:all 0.18s}
.icon-btn:hover{color:var(--t1);background:var(--bg3);border-color:var(--b3)}
.hamburger{display:none}

.page{display:none;min-height:100vh;padding-top:60px;position:relative;z-index:1}
.page.active{display:block}
.container{max-width:1160px;margin:0 auto;padding:0 var(--s4)}
.section{padding:var(--s8) 0}

.sec-label{font-family:var(--fm);font-size:0.70rem;font-weight:400;letter-spacing:0.12em;text-transform:uppercase;color:var(--t3);margin-bottom:var(--s2)}
.sec-title{font-family:var(--fh);font-size:clamp(2rem,3.5vw,2.8rem);font-weight:300;letter-spacing:-0.02em;color:var(--t1);line-height:1.12;margin-bottom:var(--s6)}
.sec-title em{font-style:italic;font-weight:300}

.glass-card{background:var(--bg2);backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass);border:1px solid var(--b2);border-radius:var(--rl)}

.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:11px 24px;background:rgba(255,255,255,0.12);backdrop-filter:var(--glass);color:var(--t1);font-family:var(--fb);font-weight:500;font-size:0.84rem;border-radius:var(--rx);border:1px solid var(--b3);cursor:pointer;transition:all 0.18s;letter-spacing:0.01em}
.btn-primary:hover{background:rgba(255,255,255,0.2);transform:translateY(-1px)}
.btn-ghost{display:inline-flex;align-items:center;gap:8px;padding:11px 24px;border:1px solid var(--b2);color:var(--t2);font-family:var(--fb);font-weight:400;font-size:0.84rem;border-radius:var(--rx);background:transparent;cursor:pointer;transition:all 0.18s}
.btn-ghost:hover{border-color:var(--b3);background:var(--bg2);color:var(--t1)}

.chip{display:inline-flex;align-items:center;font-family:var(--fm);font-size:0.68rem;font-weight:400;padding:4px 12px;border-radius:var(--rx);letter-spacing:0.02em}
.chip-blue{background:var(--blue-bg);color:var(--blue);border:1px solid var(--blue-bd)}
.chip-orange{background:var(--org-bg);color:var(--orange);border:1px solid var(--org-bd)}
.chip-green{background:var(--grn-bg);color:var(--green);border:1px solid var(--grn-bd)}
.chip-violet{background:var(--vlt-bg);color:var(--violet);border:1px solid var(--vlt-bd)}
.chip-amber{background:var(--amb-bg);color:var(--amber);border:1px solid var(--amb-bd)}
.chip-neutral{background:var(--bg3);color:var(--t2);border:1px solid var(--b1);font-family:var(--fm);font-size:0.68rem;padding:4px 12px;border-radius:var(--rx)}

.hero{padding:var(--s8) 0 var(--s7)}
.hero-grid{display:grid;grid-template-columns:1fr 480px;gap:var(--s7);align-items:center}
.hero-status{display:inline-flex;align-items:center;gap:8px;font-family:var(--fm);font-size:0.70rem;font-weight:400;letter-spacing:0.10em;text-transform:uppercase;color:var(--green);margin-bottom:var(--s3);background:var(--grn-bg);border:1px solid var(--grn-bd);padding:6px 14px;border-radius:var(--rx)}
.status-dot{width:6px;height:6px;border-radius:50%;background:var(--green);animation:pulse-dot 2.4s ease-in-out infinite}
.hero h1{font-family:var(--fh);font-size:clamp(2.6rem,5.5vw,4.4rem);font-weight:300;letter-spacing:-0.03em;line-height:1.05;color:var(--t1);margin-bottom:var(--s3)}
.hero h1 em{font-style:italic;font-weight:300}
.hero-sub{font-size:1rem;color:var(--t2);line-height:1.75;max-width:480px;margin-bottom:var(--s4);font-weight:300}
.hero-btns{display:flex;gap:10px;flex-wrap:wrap}

.terminal{background:rgba(255,255,255,0.05);backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass);border:1px solid var(--b2);border-radius:var(--rl);overflow:hidden}
.term-bar{background:rgba(255,255,255,0.06);padding:11px var(--s2);display:flex;align-items:center;gap:6px;border-bottom:1px solid var(--b1)}
.tdot{width:10px;height:10px;border-radius:50%}
.term-title{font-family:var(--fm);font-size:0.70rem;color:var(--t3);margin:0 auto;letter-spacing:0.02em}
.term-body{padding:var(--s3);font-family:var(--fm);font-size:0.78rem;line-height:1.95}
.tr{display:flex;gap:8px}.tp{color:var(--green)}.tc{color:var(--t1)}.to{color:var(--t2);padding-left:var(--s2)}.ts-term{color:var(--green);padding-left:var(--s2)}
.tcursor{display:inline-block;width:7px;height:13px;background:var(--t1);vertical-align:text-bottom;animation:blink 1.1s step-end infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}

.hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--b1);border:1px solid var(--b1);border-radius:var(--rl);overflow:hidden;margin-top:var(--s7);backdrop-filter:var(--glass)}
.hero-stat{background:var(--bg2);padding:var(--s3);text-align:center}
.hero-stat-num{font-family:var(--fh);font-size:1.9rem;font-weight:400;color:var(--t1);letter-spacing:-0.03em;line-height:1}
.hero-stat-lbl{font-family:var(--fm);font-size:0.68rem;color:var(--t3);margin-top:4px;letter-spacing:0.04em}

.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s7);align-items:start}
.about-text p{color:var(--t2);margin-bottom:var(--s3);line-height:1.8;font-weight:300;font-size:0.97rem}
.about-text p:last-child{margin-bottom:0}
.about-text strong{color:var(--t1);font-weight:500}
.about-card{background:var(--bg2);backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass);border:1px solid var(--b2);border-radius:var(--rl);padding:var(--s4)}
.about-card-label{font-family:var(--fm);font-size:0.68rem;color:var(--t3);letter-spacing:0.1em;text-transform:uppercase;margin-bottom:var(--s3)}
.about-role-list{list-style:none;display:flex;flex-direction:column;gap:6px}
.about-role-item{display:flex;align-items:center;gap:10px;font-size:0.88rem;color:var(--t1);font-weight:400}
.about-role-item::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--t3);flex-shrink:0}
.about-location{display:flex;align-items:center;gap:8px;margin-top:var(--s4);padding-top:var(--s4);border-top:1px solid var(--b1);font-family:var(--fm);font-size:0.75rem;color:var(--t2)}

.skills-intro{font-size:0.95rem;color:var(--t2);font-weight:300;line-height:1.75;max-width:560px;margin-bottom:var(--s6)}
.skills-categories{display:flex;flex-direction:column;gap:var(--s5)}
.skills-cat-label{font-family:var(--fm);font-size:0.68rem;letter-spacing:0.10em;text-transform:uppercase;color:var(--t3);margin-bottom:var(--s2)}
.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(136px,1fr));gap:8px}
.skill-card{background:var(--bg2);backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass);border:1px solid var(--b1);border-radius:var(--rl);padding:13px 14px;display:flex;align-items:center;gap:10px;transition:border-color 0.18s,background 0.18s,transform 0.18s;cursor:default}
.skill-card:hover{border-color:var(--b3);background:var(--bg3);transform:translateY(-2px)}
.skill-card img{width:24px;height:24px;flex-shrink:0}
.skill-card span{font-size:0.82rem;font-weight:400;color:var(--t1)}

.edu-header{background:var(--bg2);backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass);border:1px solid var(--b2);border-radius:var(--rl);padding:var(--s4);display:flex;align-items:center;gap:var(--s3);margin-bottom:var(--s3)}
.edu-logo{width:52px;height:52px;flex-shrink:0;background:var(--bg3);border:1px solid var(--b2);border-radius:var(--rl);display:flex;align-items:center;justify-content:center;font-family:var(--fm);font-weight:500;font-size:0.78rem;color:var(--t2);letter-spacing:0.02em}
.edu-meta h3{font-family:var(--fh);font-size:1.1rem;font-weight:400;color:var(--t1);letter-spacing:-0.01em}
.edu-meta p{font-size:0.82rem;color:var(--t2);margin-top:3px;font-weight:300}
.years-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.year-card{background:var(--bg2);backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass);border:1px solid var(--b1);border-radius:var(--rl);padding:var(--s3);transition:border-color 0.18s,transform 0.18s}
.year-card:hover{border-color:var(--b2);transform:translateY(-2px)}
.year-tag{display:inline-block;font-family:var(--fm);font-size:0.65rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--t3);background:var(--bg3);padding:3px 10px;border-radius:var(--rx);margin-bottom:var(--s2)}
.year-card h4{font-family:var(--fh);font-size:0.95rem;font-weight:400;color:var(--t1);margin-bottom:var(--s2);letter-spacing:-0.01em}
.year-card ul{list-style:none}
.year-card li{font-size:0.78rem;color:var(--t2);padding:5px 0;border-bottom:1px solid var(--b1);display:flex;align-items:flex-start;gap:7px;font-weight:300;line-height:1.4}
.year-card li:last-child{border-bottom:none}
.year-card li::before{content:'—';color:var(--t4);flex-shrink:0}
.year-card li b{color:var(--t1);font-weight:500}

.featured-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}
.more-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.proj-card{background:var(--bg2);backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass);border:1px solid var(--b1);border-radius:var(--rl);overflow:hidden;display:flex;flex-direction:column;transition:border-color 0.2s,transform 0.2s}
.proj-card:hover{border-color:var(--b3);transform:translateY(-3px)}
.proj-card.feat{border-color:var(--b2)}
.proj-top{padding:var(--s3) var(--s3) 0;display:flex;justify-content:space-between;align-items:flex-start}
.feat-badge{font-family:var(--fm);font-size:0.64rem;letter-spacing:0.07em;text-transform:uppercase;color:var(--amber);background:var(--amb-bg);border:1px solid var(--amb-bd);padding:4px 10px;border-radius:var(--rx)}
.proj-body{padding:14px var(--s3) var(--s3);flex:1;display:flex;flex-direction:column}
.proj-body h3{font-family:var(--fh);font-size:1.12rem;font-weight:400;color:var(--t1);letter-spacing:-0.02em;margin-bottom:8px}
.proj-story{font-family:var(--fh);font-size:0.84rem;font-style:italic;font-weight:300;color:var(--t2);border-left:2px solid var(--b3);padding-left:12px;margin-bottom:12px;line-height:1.6}
.proj-desc{font-size:0.82rem;color:var(--t2);line-height:1.7;margin-bottom:14px;flex:1;font-weight:300}
.tech-stack{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:14px}
.proj-link{display:inline-flex;align-items:center;gap:5px;font-family:var(--fm);font-size:0.76rem;color:var(--t2);transition:color 0.18s,gap 0.18s}
.proj-link:hover{color:var(--t1);gap:9px}
.proj-link::after{content:'\2192'}
.more-card{background:var(--bg2);backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass);border:1px solid var(--b1);border-radius:var(--rl);padding:var(--s3);display:flex;flex-direction:column;transition:border-color 0.2s,transform 0.2s}
.more-card:hover{border-color:var(--b2);transform:translateY(-2px)}
.more-card .chip{margin-bottom:8px;align-self:flex-start}
.more-card h4{font-family:var(--fh);font-size:0.95rem;font-weight:400;color:var(--t1);margin-bottom:7px;letter-spacing:-0.01em}
.more-card p{font-size:0.80rem;color:var(--t2);line-height:1.65;margin-bottom:12px;flex:1;font-weight:300}
.stats-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--b1);border:1px solid var(--b1);border-radius:var(--rl);overflow:hidden;margin-top:var(--s4);backdrop-filter:var(--glass)}
.stats-bar-item{background:var(--bg2);padding:var(--s3);text-align:center}
.sbn{font-family:var(--fh);font-size:1.9rem;font-weight:400;color:var(--t1);letter-spacing:-0.03em;line-height:1}
.sbl{font-family:var(--fm);font-size:0.68rem;color:var(--t3);margin-top:4px;letter-spacing:0.04em}

.cert-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:8px}
.cert-card{background:var(--bg2);backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass);border:1px solid var(--b1);border-radius:var(--rl);padding:14px var(--s2);display:flex;align-items:center;gap:var(--s2);transition:border-color 0.2s,transform 0.2s}
.cert-card:hover{border-color:var(--b2);transform:translateY(-2px)}
.cert-card img{width:28px;height:28px;flex-shrink:0}
.cert-name{font-size:0.85rem;font-weight:400;color:var(--t1)}
.cert-iss{font-family:var(--fm);font-size:0.68rem;color:var(--t3);margin-top:2px}
.cert-arr{margin-left:auto;color:var(--t3);font-size:0.9rem;transition:color 0.18s,transform 0.18s}
.cert-card:hover .cert-arr{color:var(--t1);transform:translateX(3px)}
.resume-cta{margin-top:var(--s4);padding:var(--s4);background:var(--bg2);backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass);border:1px solid var(--b1);border-radius:var(--rl);display:flex;align-items:center;justify-content:space-between;gap:var(--s4)}
.resume-cta h3{font-family:var(--fh);font-size:1.1rem;font-weight:400;color:var(--t1);letter-spacing:-0.01em}
.resume-cta p{font-size:0.82rem;color:var(--t2);margin-top:4px;font-weight:300}

.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s7);align-items:start}
.contact-intro{font-size:0.97rem;color:var(--t2);line-height:1.8;margin-bottom:var(--s3);font-weight:300}
.contact-items{display:flex;flex-direction:column;gap:6px}
.contact-lnk{display:flex;align-items:center;gap:var(--s2);padding:13px var(--s2);background:var(--bg2);backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass);border:1px solid var(--b1);border-radius:var(--rl);transition:border-color 0.18s,background 0.18s,transform 0.18s}
.contact-lnk:hover{border-color:var(--b2);background:var(--bg3);transform:translateY(-1px)}
.contact-ico{width:34px;height:34px;background:var(--bg3);border:1px solid var(--b1);border-radius:var(--rx);display:flex;align-items:center;justify-content:center;font-size:0.88rem;flex-shrink:0;color:var(--t2)}
.contact-ico-text{font-family:var(--fm);font-size:0.62rem;font-weight:500;color:var(--t2)}
.clbl{font-family:var(--fm);font-size:0.65rem;color:var(--t3)}
.cval{font-size:0.85rem;font-weight:400;color:var(--t1)}
.avail-card{background:var(--bg2);backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass);border:1px solid var(--b2);border-radius:var(--rl);padding:var(--s4)}
.avail-top{display:flex;align-items:center;gap:7px;font-family:var(--fm);font-size:0.68rem;font-weight:400;letter-spacing:0.10em;text-transform:uppercase;color:var(--green);margin-bottom:var(--s2)}
.avail-card h3{font-family:var(--fh);font-size:1.25rem;font-weight:400;color:var(--t1);letter-spacing:-0.02em;margin-bottom:10px}
.avail-card p{font-size:0.85rem;color:var(--t2);line-height:1.7;margin-bottom:var(--s3);font-weight:300}
.role-tags{display:flex;flex-wrap:wrap;gap:6px}
.role-tag{font-family:var(--fm);font-size:0.72rem;color:var(--t2);background:var(--bg3);border:1px solid var(--b1);padding:5px 12px;border-radius:var(--rx)}

.footer{padding:var(--s3) 0;border-top:1px solid var(--b1);display:flex;align-items:center;justify-content:space-between}
.footer span,.footer a{font-family:var(--fm);font-size:0.72rem;color:var(--t3)}
.footer a:hover{color:var(--t2)}

.building-strip{background:var(--bg2);backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass);border:1px solid var(--b1);border-radius:var(--rx);padding:12px var(--s3);display:flex;align-items:center;gap:var(--s2);margin-top:var(--s4)}
.building-label{font-family:var(--fm);font-size:0.68rem;color:var(--t3);letter-spacing:0.08em;text-transform:uppercase;white-space:nowrap}
.building-divider{width:1px;height:14px;background:var(--b2);flex-shrink:0}
.building-text{font-family:var(--fm);font-size:0.78rem;color:var(--t1)}
.building-text span{color:var(--t2)}

@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.hero-visual{display:none}.about-grid,.contact-grid{grid-template-columns:1fr}.featured-grid,.more-grid,.years-grid{grid-template-columns:1fr}.hero-stats{grid-template-columns:repeat(2,1fr)}.stats-bar{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){.nav-links{display:none}.nav-links.open{display:flex;flex-direction:column;position:fixed;top:60px;left:0;right:0;background:rgba(13,13,13,0.92);backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass);border-bottom:1px solid var(--b1);padding:8px;gap:2px;z-index:199}.hamburger{display:flex}.resume-cta{flex-direction:column;align-items:flex-start}.footer{flex-direction:column;gap:6px;text-align:center}.container{padding:0 var(--s2)}.nav-inner{padding:0 var(--s2)}.section{padding:var(--s7) 0}}

.page.active .fade-up{animation:fadeUp 0.5s ease both}
.page.active .fade-up:nth-child(2){animation-delay:0.06s}
.page.active .fade-up:nth-child(3){animation-delay:0.12s}
.page.active .fade-up:nth-child(4){animation-delay:0.18s}
@keyframes fadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}

.docs-grid{display:flex;flex-direction:column;gap:8px}
.doc-card{background:var(--bg2);backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass);border:1px solid var(--b2);border-radius:var(--rl);padding:var(--s3) var(--s4);display:flex;align-items:center;gap:var(--s3);transition:border-color 0.2s,transform 0.2s}
.doc-card:hover{border-color:var(--b3);transform:translateY(-2px)}
.doc-icon{width:52px;height:52px;flex-shrink:0;background:var(--bg3);border:1px solid var(--b2);border-radius:var(--rl);display:flex;align-items:center;justify-content:center;color:var(--t2)}
.doc-info{flex:1}
.doc-label{font-family:var(--fm);font-size:0.68rem;letter-spacing:0.10em;text-transform:uppercase;color:var(--t3);margin-bottom:4px}
.doc-name{font-family:var(--fh);font-size:1.05rem;font-weight:400;color:var(--t1);letter-spacing:-0.01em}
.doc-meta{font-family:var(--fm);font-size:0.72rem;color:var(--t3);margin-top:3px}
.doc-actions{display:flex;gap:8px;flex-shrink:0}
.doc-btn{display:inline-flex;align-items:center;padding:8px 18px;border-radius:var(--rx);font-family:var(--fm);font-size:0.76rem;font-weight:400;transition:all 0.18s;cursor:pointer}
.doc-btn-view{background:var(--bg3);border:1px solid var(--b2);color:var(--t2)}.doc-btn-view:hover{background:var(--bg4);color:var(--t1);border-color:var(--b3)}
.doc-btn-dl{background:rgba(75,175,125,0.12);border:1px solid var(--grn-bd);color:var(--green)}.doc-btn-dl:hover{background:rgba(75,175,125,0.2);transform:translateY(-1px)}
@media(max-width:768px){.doc-card{flex-direction:column;align-items:flex-start}.doc-actions{width:100%}.doc-btn{flex:1;justify-content:center}}