@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;700&display=swap";:root{--bg-1:#fff4d6;--bg-2:#d8f2ea;--bg-3:#ffe1d4;--ink:#17202b;--muted:#334155;--surface:#fffcf4db;--surface-strong:#fffffff0;--line:#17202b29;--accent:#0e8a77;--accent-2:#ef6b3f;--accent-3:#1171d8;--shadow:0 18px 36px #0f172a26}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:var(--ink);background:radial-gradient(circle at 12% 10%, #1171d826, transparent 35%), radial-gradient(circle at 82% 14%, #ef6b3f2e, transparent 34%), linear-gradient(150deg, var(--bg-1) 0%, var(--bg-2) 48%, var(--bg-3) 100%);font-family:Outfit,Trebuchet MS,sans-serif}h1,h2,h3,p{margin:0}a{color:inherit;text-decoration:none}.site-bg{z-index:-1;background:radial-gradient(circle at 7% 13%,#0e8a7724,#0000 34%),radial-gradient(circle at 92% 18%,#ef6b3f29,#0000 32%),linear-gradient(#ffffff40,#ffffff40);position:fixed;inset:0}.site-shell{width:min(1140px,100% - 2rem);margin:0 auto;padding:1rem 0 2rem}.app-rail-head{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.app-rail{border:1px solid var(--line);background:var(--surface);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);box-shadow:var(--shadow);border-radius:24px;margin-bottom:.9rem;padding:.95rem .9rem}.app-rail-label{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);font-size:.74rem;font-weight:700}.quick-access-toggle{border:1px solid var(--line);background:var(--surface-strong);color:var(--muted);cursor:pointer;border-radius:999px;padding:.38rem .72rem;font:600 .78rem/1 Space Grotesk,Trebuchet MS,sans-serif;display:none}.app-rail-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:.42rem;margin-top:.55rem;display:grid}.app-rail-links a{border:1px solid var(--line);background:var(--surface-strong);color:var(--muted);border-radius:10px;padding:.42rem .58rem;font-size:.82rem;font-weight:600;transition:transform .18s,border-color .18s,color .18s;display:block}.app-rail-links a:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.hero,.jump-nav,.section,.footer{border:1px solid var(--line);background:var(--surface);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);box-shadow:var(--shadow);border-radius:24px}.hero{background:linear-gradient(120deg,#fffcf5e0,#ffffffc7);padding:clamp(1.3rem,3.4vw,2rem);position:relative;overflow:hidden}.hero:after{content:"";background:conic-gradient(from 90deg,#0e8a7740,#ef6b3f42,#1171d838,#0e8a7740);border-radius:50%;width:240px;height:240px;position:absolute;top:-60px;right:-70px}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-size:.74rem;font-weight:700;display:inline-block}.hero h1,.section-head h2,.link-card h3{letter-spacing:-.01em;font-family:Space Grotesk,Trebuchet MS,sans-serif;line-height:1.2}.hero h1{max-width:18ch;margin-top:.55rem;font-size:clamp(2rem,5vw,3.35rem);animation:3.8s ease-in-out infinite alternate title-glow;position:relative}.hero h1:after{content:"";opacity:.7;background:linear-gradient(90deg,#0d7665d9,#d76b2fa6,#0000);border-radius:999px;width:min(260px,68%);height:2px;position:absolute;bottom:-.18em;left:0}.hero-copy{max-width:64ch;color:var(--muted);margin-top:.7rem}.hero-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;margin-top:1rem;display:grid}.hero-stats p{border:1px solid var(--line);color:var(--muted);background:#ffffffd1;border-radius:14px;margin:0;padding:.62rem .72rem;font-size:.88rem}.hero-stats strong{color:var(--accent-3)}.hero-actions{flex-wrap:wrap;gap:.6rem;margin-top:1rem;display:flex}.hero-actions a,.link-card a,.footer a{transition:transform .2s,box-shadow .22s,background-color .22s}.hero-actions a{border:1px solid var(--line);background:var(--surface-strong);border-radius:999px;padding:.62rem 1rem;font-weight:700}.hero-actions a:first-child{color:#fff;background:linear-gradient(110deg, var(--accent), var(--accent-3));border-color:#0000}.hero-actions a:hover,.link-card a:hover,.footer a:hover{transform:translateY(-2px)}.jump-nav{z-index:4;flex-wrap:wrap;gap:.45rem;margin-top:.8rem;padding:.62rem;display:flex;position:sticky;top:.7rem}.jump-nav a{border:1px solid var(--line);background:var(--surface-strong);color:var(--muted);border-radius:999px;padding:.52rem .9rem;font-size:.9rem}.jump-nav a:hover{border-color:var(--accent);color:var(--accent)}.section{margin-top:.9rem;padding:clamp(1rem,2.7vw,1.55rem)}.section-head h2{margin-top:.4rem;font-size:clamp(1.45rem,2.7vw,2.2rem);animation:4.4s ease-in-out infinite title-float;position:relative}.section-head h2:after{content:"";transform-origin:0;background:linear-gradient(90deg,#0d7665b3,#d76b2f99);border-radius:999px;width:78px;height:2px;animation:2.8s ease-in-out infinite title-line;position:absolute;bottom:-.26em;left:0}.group-blurb{max-width:72ch;color:var(--muted);margin-top:.78rem;font-size:.96rem}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin-top:.95rem;display:grid}.card-grid-directory{grid-template-columns:repeat(3,minmax(0,1fr))}.card-grid-portfolio{grid-template-columns:repeat(2,minmax(0,1fr))}.card-grid-single{grid-template-columns:1fr}.link-card{border:1px solid var(--line);background:var(--surface-strong);border-radius:18px;gap:.5rem;padding:.9rem;transition:transform .22s,border-color .22s,box-shadow .22s;display:grid}.link-card:hover{border-color:#1171d84d;transform:translateY(-3px);box-shadow:0 12px 22px #0f172a1f}.link-card-large{gap:.7rem;padding:1.2rem}.card-label{letter-spacing:.08em;text-transform:uppercase;color:var(--accent-2);font-size:.74rem;font-weight:700}.directory-head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.meta-chips{flex-wrap:wrap;justify-content:flex-end;gap:.32rem;display:flex}.chip{border:1px solid var(--line);color:var(--accent-3);background:#1171d814;border-radius:999px;padding:.2rem .5rem;font-size:.72rem;font-weight:700}.usage-badge{color:var(--accent);background:#0e8a771a;border:1px solid #0e8a7740;border-radius:999px;padding:.2rem .5rem;font-size:.72rem;font-weight:700}.link-card h3{font-size:1.3rem}.link-card-large h3{font-size:clamp(1.6rem,2.5vw,2rem)}.link-card p{color:var(--muted)}.link-card a{border:1px solid var(--line);background:#f7f9fa;border-radius:999px;justify-self:start;padding:.45rem .78rem;font-size:.82rem;font-weight:700}.card-actions{flex-wrap:wrap;gap:.42rem;display:flex}.copy-btn,.ghost-btn{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#fffc;border-radius:999px;padding:.45rem .78rem;font:700 .82rem/1 Outfit,Trebuchet MS,sans-serif;transition:transform .2s,border-color .18s,color .18s}.favorite-btn{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#fffc;border-radius:999px;padding:.45rem .78rem;font:700 .82rem/1 Outfit,Trebuchet MS,sans-serif;transition:transform .2s,border-color .18s,color .18s,background-color .18s}.copy-btn:hover,.ghost-btn:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.favorite-btn:hover{border-color:var(--accent-2);color:var(--accent-2);transform:translateY(-2px)}.favorite-btn.is-active,.ghost-btn.is-active{color:#fff;background:linear-gradient(110deg, var(--accent-2), var(--accent-3));border-color:#0000}.link-card a:hover{border-color:var(--accent);color:var(--accent)}.section-directory{background:linear-gradient(130deg,#ffffffd1,#ecfff8c7)}.favorites-panel{background:#ffffffb8;border:1px dashed #1171d859;border-radius:16px;margin-top:.85rem;padding:.8rem}.favorites-panel-head{justify-content:space-between;align-items:center;gap:.65rem;display:flex}.favorites-panel-actions{align-items:center;gap:.45rem;display:flex}.favorites-count{color:var(--muted);font-size:.82rem;font-weight:700}.favorites-links{flex-wrap:wrap;gap:.45rem;margin-top:.62rem;display:flex}.favorites-links a{border:1px solid var(--line);color:var(--muted);background:#ffffffeb;border-radius:999px;padding:.4rem .7rem;font-size:.82rem;font-weight:700;transition:transform .18s,border-color .18s,color .18s}.favorites-links a:hover{border-color:var(--accent-3);color:var(--accent-3);transform:translateY(-2px)}.favorites-empty{color:var(--muted);margin:0;font-size:.86rem}.clear-favorites-btn{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#ffffffdb;border-radius:999px;padding:.36rem .66rem;font:700 .76rem/1 Outfit,Trebuchet MS,sans-serif;transition:transform .18s,border-color .18s,color .18s,opacity .18s}.clear-favorites-btn:hover{border-color:var(--accent-2);color:var(--accent-2);transform:translateY(-2px)}.clear-favorites-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.directory-tools{align-items:end;gap:.55rem;margin-top:.9rem;display:flex}.search-wrap{color:var(--muted);flex:1;gap:.35rem;font-size:.82rem;font-weight:700;display:grid}.sort-wrap{min-width:146px;color:var(--muted);gap:.35rem;font-size:.82rem;font-weight:700;display:grid}.sort-select{border:1px solid var(--line);width:100%;color:var(--ink);background:var(--surface-strong);border-radius:13px;padding:.65rem .7rem;font:600 .9rem/1.2 Outfit,Trebuchet MS,sans-serif}.sort-select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #0e8a7724}.search-wrap input{border:1px solid var(--line);width:100%;color:var(--ink);background:var(--surface-strong);border-radius:13px;padding:.65rem .76rem;font:500 .96rem/1.2 Outfit,Trebuchet MS,sans-serif}.search-wrap input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #0e8a7724}.category-filters{flex-wrap:wrap;gap:.45rem;margin-top:.72rem;display:flex}.filter-chip{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#ffffffdb;border-radius:999px;padding:.4rem .75rem;font:700 .81rem/1 Space Grotesk,Trebuchet MS,sans-serif;transition:transform .2s,border-color .18s,color .18s,background-color .18s}.filter-chip:hover{border-color:var(--accent-3);color:var(--accent-3);transform:translateY(-2px)}.filter-chip.is-active{color:#fff;background:linear-gradient(110deg, var(--accent), var(--accent-3));border-color:#0000}.results-count{color:var(--muted);margin-top:.72rem;font-size:.88rem;font-weight:600}.empty-card{text-align:center;grid-column:1/-1;place-items:center}.directory-card{opacity:0;animation:.5s forwards card-stagger-in;animation-delay:calc(var(--stagger-index,0) * 45ms)}.section-about p{max-width:72ch;color:var(--muted);margin-top:.7rem}.section-showcase{position:relative;overflow:hidden}.section-showcase-top{border:1px solid #4f64308c;margin-top:.5rem;box-shadow:0 24px 50px #2d241833}.showcase-copy{max-width:72ch;color:var(--muted);margin-top:.72rem}.showcase-frame-wrap{border:1px solid var(--line);background:#0c0f16;border-radius:18px;margin-top:.85rem;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff08}.showcase-frame{background:#050510;border:0;width:100%;min-height:680px;display:block}.showcase-fallback{text-align:center;color:#e5e7eb;background:radial-gradient(circle at 30% 20%,#1171d847,#020617eb);place-items:center;gap:.75rem;min-height:320px;padding:1.2rem;display:grid}.showcase-fallback p{color:#cbd5e1;margin:0}.showcase-fallback a{color:#fff;background:linear-gradient(110deg, var(--accent), var(--accent-3));border:1px solid #94a3b880;border-radius:999px;padding:.55rem .95rem;font-size:.86rem;font-weight:700}.showcase-actions{margin-top:.78rem;display:flex}.showcase-actions a{border:1px solid var(--line);color:#fff;background:linear-gradient(110deg, var(--accent), var(--accent-3));border-radius:999px;padding:.55rem .9rem;font-size:.86rem;font-weight:700;transition:transform .2s,box-shadow .22s,background-color .22s}.showcase-actions a:hover{transform:translateY(-2px)}.contact-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin-top:.95rem;display:grid}.contact-form label{color:var(--muted);gap:.32rem;font-size:.84rem;font-weight:700;display:grid}.contact-form input,.contact-form textarea{border:1px solid var(--line);width:100%;font:inherit;color:var(--ink);background:var(--surface-strong);border-radius:14px;padding:.62rem .74rem}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #0d766526}.field-wide{grid-column:1/-1}.contact-form button{color:#fff;background:linear-gradient(110deg, var(--accent), var(--accent-3));cursor:pointer;border:none;border-radius:999px;justify-self:start;padding:.62rem 1.05rem;font:700 .88rem/1 Outfit,Trebuchet MS,sans-serif}.contact-form button:hover{transform:translateY(-2px)}.contact-note{color:var(--muted);align-self:center;font-size:.83rem}.footer{justify-content:space-between;align-items:center;gap:.7rem;margin-top:.9rem;padding:.9rem 1rem;display:flex}.footer p{color:var(--muted);font-size:.9rem}.footer a{border:1px solid var(--line);border-radius:999px;padding:.45rem .76rem;font-size:.84rem;font-weight:700}.hero,.jump-nav,.section,.footer,.link-card{opacity:0;animation:.6s forwards rise-in;transform:translateY(16px)}.jump-nav{animation-delay:.12s}.section:first-of-type{animation-delay:.18s}.section:nth-of-type(2){animation-delay:.26s}.section:nth-of-type(3){animation-delay:.32s}.footer{animation-delay:.38s}@keyframes rise-in{to{opacity:1;transform:translateY(0)}}@keyframes title-float{0%,to{transform:translateY(0)}50%{transform:translateY(-1px)}}@keyframes title-line{0%,to{opacity:.72;transform:scaleX(.82)}50%{opacity:1;transform:scaleX(1)}}@keyframes title-glow{0%{text-shadow:0 0 #6e7f4a00}to{text-shadow:0 2px 18px #6e7f4a29}}@keyframes card-stagger-in{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.hero,.jump-nav,.section,.footer,.link-card,.directory-card,.hero h1,.section-head h2,.section-head h2:after{opacity:1;animation:none;transform:none}}@media (width<=900px){.jump-nav{white-space:nowrap;overflow-x:auto}.hero-stats{grid-template-columns:1fr}.app-rail-links,.card-grid,.card-grid-portfolio,.card-grid-directory{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=680px){.site-shell{width:min(1100px,100% - 1rem);padding-bottom:1rem}.app-rail{margin-bottom:.8rem;padding:.8rem}.quick-access-toggle{justify-content:center;align-items:center;display:inline-flex}.app-rail-links{grid-template-columns:1fr}.directory-tools{flex-direction:column;align-items:stretch}.sort-wrap{min-width:100%}.ghost-btn{align-self:stretch;min-height:42px}.favorite-btn,.copy-btn,.link-card a,.hero-actions a,.jump-nav a{justify-content:center;align-items:center;min-height:42px;display:inline-flex}.favorites-panel{padding:.72rem}.favorites-panel-head,.favorites-panel-actions{flex-wrap:wrap}.showcase-frame-wrap{border-radius:14px}.card-grid,.card-grid-portfolio,.card-grid-directory{grid-template-columns:1fr}.footer{flex-direction:column;align-items:flex-start}.contact-form{grid-template-columns:1fr}.showcase-frame{min-height:520px}.app-window-frame{min-height:560px}}.section-app-window{background:linear-gradient(130deg,#ffffffd9,#f1f5f9c7);border:1px solid #1e293b8c}.app-window{border:1px solid #0f172a38;border-radius:16px;margin-top:1rem;overflow:hidden;box-shadow:0 28px 60px #0f172a38,0 0 0 1px #ffffff0f}.app-window-chrome{background:#1e293b;border-bottom:1px solid #ffffff0f;align-items:center;gap:.75rem;padding:.55rem .9rem;display:flex}.app-window-dots{flex-shrink:0;gap:6px;display:flex}.app-window-dots span{border-radius:50%;width:12px;height:12px;display:block}.app-window-dots span:first-child{background:#ef4444}.app-window-dots span:nth-child(2){background:#f59e0b}.app-window-dots span:nth-child(3){background:#22c55e}.app-window-title{text-align:center;color:#94a3b8;letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;flex:1;margin:0;font-family:Space Grotesk,Trebuchet MS,sans-serif;font-size:.78rem;font-weight:600;overflow:hidden}.app-window-open{color:#cbd5e1;background:#ffffff0f;border:1px solid #94a3b859;border-radius:999px;flex-shrink:0;padding:.28rem .65rem;font-family:Space Grotesk,Trebuchet MS,sans-serif;font-size:.76rem;font-weight:700;transition:border-color .18s,color .18s,background-color .18s}.app-window-open:hover{color:#93c5fd;background:#60a5fa1a;border-color:#60a5fa}.app-window-frame{background:#020617;border:0;width:100%;min-height:720px;display:block}