:root{--bg:#08070b;--surface:#101016;--surface-2:#15131d;--text:#f7f7fb;--muted:#a29ead;--muted-2:#74707f;--line:#292632;--line-soft:#ffffff12;--violet:#8a5cf6;--violet-2:#aa8cff;--violet-soft:#8a5cf61f;--danger:#fda4af;--max:1180px;--radius:18px;--shadow:0 30px 80px #00000061}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(1100px 560px at 50% -12%,#8a5cf621,transparent 64%),radial-gradient(600px 500px at 100% 35%,#8a5cf60b,transparent 72%),var(--bg);min-height:100vh;color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{color:inherit}.site-header{z-index:50;border-bottom:1px solid var(--line-soft);backdrop-filter:blur(20px);background:#08070bcc;position:sticky;top:0}.nav-shell{width:min(var(--max),calc(100% - 40px));justify-content:space-between;align-items:center;gap:20px;min-height:72px;margin:auto;display:flex}.brand{letter-spacing:-.04em;align-items:center;gap:10px;font-weight:850;display:flex}.nav-button,.nav-profile,.nav-form button{min-height:40px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:0 13px;transition:all .18s;display:inline-flex}.nav-button:hover,.nav-form button:hover{color:var(--text);border-color:var(--line);background:#ffffff08}.nav-plus{background:#ffffff14;border-radius:6px;place-items:center;width:19px;height:19px;font-size:13px;display:grid}.nav-profile{border-color:var(--line);color:var(--text);background:#ffffff06}.nav-profile:hover{background:var(--violet-soft);border-color:#8a5cf666}main{min-height:calc(100vh - 145px)}.hero,.featured-wrap,.projects-section,.submit-page,.detail-page,.profile-page{width:min(var(--max),calc(100% - 40px));margin:auto}.hero{flex-direction:column;padding:115px 0 75px;display:flex}.hero h1,.submit-page h1,.profile-page>h1,.archive-page h1{letter-spacing:-.08em;margin:0;font-weight:860;line-height:.9}.hero h1{background:linear-gradient(#fff 20%,#f4f0fa 63%,#b69eff 100%);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(56px,8vw,104px)}.hero h1 span{color:var(--text);-webkit-text-fill-color:initial;background:0 0}.eyebrow{letter-spacing:.22em;text-transform:uppercase;color:#c1b4df;margin:0 0 14px;font-size:10px;font-weight:850}.hero-copy{max-width:680px;color:var(--muted);margin:25px 0 0;font-size:17px}.hero-actions{flex-wrap:wrap;gap:10px;margin-top:30px;display:flex}.button{border:1px solid var(--line);background:var(--surface);min-height:44px;color:var(--text);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-weight:780;transition:all .18s;display:inline-flex}.button:hover{border-color:var(--line-2,#3d3848);transform:translateY(-1px)}.button.primary{color:#0a080d;background:#f3f0f7;border-color:#f3f0f7}.button.secondary{background:var(--surface)}.button.accent{background:var(--violet);border-color:var(--violet);color:#fff;box-shadow:0 12px 34px #8a5cf62e}.button.ghost{background:0 0}.button.danger{color:var(--danger);background:#be185d14;border-color:#fda4af3d}.button.full{width:100%}.button:disabled{opacity:.5;cursor:wait;transform:none}.stats{grid-template-columns:repeat(3,minmax(0,180px));gap:10px;margin-top:45px;display:grid}.stat{border:1px solid var(--line);background:#ffffff05;border-radius:14px;padding:16px 17px}.stat strong{letter-spacing:-.05em;font-size:25px;line-height:1;display:block}.stat span{color:var(--muted-2);margin-top:5px;font-size:11px;display:block}.featured-wrap{padding:0 0 90px}.section-heading{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:17px;display:flex}.section-heading .eyebrow{margin-bottom:4px}.section-heading h2{letter-spacing:-.045em;margin:0;font-size:22px}.text-link{color:#d6c8ff}.text-link:hover{color:#fff}.featured-card{box-shadow:var(--shadow);background:linear-gradient(135deg,#8a5cf624,#111016fa 46%,#0b0a0efc);border:1px solid #8a5cf642;border-radius:22px;grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);gap:30px;padding:34px;display:grid;position:relative;overflow:hidden}.featured-card:after{content:"";filter:blur(75px);background:#8a5cf61a;border-radius:50%;width:360px;height:360px;position:absolute;bottom:-190px;right:-140px}.featured-label{letter-spacing:.18em;color:#c2b7d7;font-size:10px;font-weight:850}.featured-card h2{letter-spacing:-.07em;margin:12px 0;font-size:clamp(38px,5vw,62px);line-height:.9}.featured-card p{max-width:730px;color:var(--muted)}.featured-meta{flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:16px;display:flex}.badge{border:1px solid var(--line);background:var(--surface);color:#bfb9c9;border-radius:999px;align-items:center;width:max-content;padding:5px 9px;font-size:10px;display:inline-flex}.badge.accent{background:var(--violet-soft);color:#ddd2ff;border-color:#8a5cf659}.projects-section{padding-bottom:105px}.home-projects{padding-top:0}.archive-page{padding-top:80px}.page-intro.compact{max-width:720px}.archive-page h1{font-size:clamp(48px,6vw,82px)}.submit-copy{max-width:720px;color:var(--muted);margin:18px 0 0;font-size:16px}.filters{grid-template-columns:minmax(0,1fr) 220px;gap:10px;margin:25px 0 20px;display:grid}.filters input,.filters select,.form-card input,.form-card textarea,.form-card select{border:1px solid var(--line);width:100%;color:var(--text);background:#111016;border-radius:12px;outline:none}.filters input,.filters select,.form-card input,.form-card select{min-height:47px;padding:0 14px}.form-card textarea{resize:vertical;padding:12px 14px}.filters input:focus,.filters select:focus,.form-card input:focus,.form-card textarea:focus,.form-card select:focus{border-color:#8a5cf6a3;box-shadow:0 0 0 3px #8a5cf61a}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:15px;display:grid}.project-item{min-width:0;display:flex}.project-card{border:1px solid var(--line);background:linear-gradient(#111116,#0e0e12);border-radius:18px;flex-direction:column;width:100%;min-height:315px;padding:21px;transition:all .18s;display:flex}.project-card:hover{border-color:#3c3747;transform:translateY(-2px);box-shadow:0 18px 48px #0000003d}.card-topline,.card-footer{justify-content:space-between;align-items:center;gap:10px;display:flex}.card-topline{font-size:11px}.card-category{color:#b9b3c3}.project-card h3{letter-spacing:-.05em;margin:15px 0 10px;font-size:21px;line-height:1.04}.project-card h3 a:hover{color:var(--violet-2)}.project-card p{color:var(--muted);-webkit-line-clamp:5;-webkit-box-orient:vertical;margin:0 0 18px;font-size:13px;line-height:1.62;display:-webkit-box;overflow:hidden}.stack{flex-wrap:wrap;gap:7px;display:flex}.stack span{color:#b7afc0;background:#121118;border:1px solid #2b2834;border-radius:999px;padding:5px 8px;font-size:10px}.stack.large span{font-size:11px}.card-footer{border-top:1px solid var(--line-soft);color:var(--muted-2);margin-top:auto;padding-top:16px;font-size:11px}.card-footer a{color:#ddd9e2;font-weight:780}.card-footer a:hover{color:var(--violet-2)}.project-item[hidden]{display:none}.empty{color:var(--muted);margin:25px 0}.detail-page{padding:60px 0 110px}.back{min-height:34px;color:var(--muted);align-items:center;font-size:13px;display:inline-flex}.back:hover{color:#fff}.detail-head{justify-content:space-between;align-items:flex-start;gap:25px;padding:44px 0 42px;display:flex}.detail-head h1{letter-spacing:-.08em;margin:0 0 14px;font-size:clamp(52px,7vw,98px);line-height:.88}.detail-byline{color:var(--muted)}.detail-layout{grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:55px;display:grid}.detail-section{border-top:1px solid var(--line);padding:27px 0}.detail-section:first-child{border-top:0;padding-top:0}.detail-section h2{margin:0 0 12px;font-size:18px}.detail-copy{max-width:900px;color:var(--muted);font-size:16px}.detail-actions{flex-direction:column;gap:10px;display:flex;position:sticky;top:96px}.star-box,.panel,.login-card,.form-card{border:1px solid var(--line);background:#101016e0;border-radius:18px}.star-box{padding:16px}.star-count{color:var(--muted);margin-bottom:12px;font-size:13px}.star-count strong{color:var(--text);margin-right:5px;font-size:22px}.submit-page{padding:80px 0 105px}.submit-page h1{max-width:890px;font-size:clamp(50px,7vw,88px)}.page-intro{margin-bottom:34px}.form-card{max-width:940px;padding:22px}.signed-in{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding-bottom:18px;display:flex}.signed-in img{border-radius:50%;width:42px;height:42px}.signed-in div{display:grid}.signed-in span{color:var(--muted-2);font-size:11px}.form-grid{grid-template-columns:1fr 1fr;gap:16px;padding-top:20px;display:grid}.field{gap:7px;display:grid}.field label{color:#e6e1ea;font-size:12px;font-weight:780}.field label small{color:var(--muted-2);font-weight:600}.span-2{grid-column:1/-1}.field-note{color:var(--muted-2);margin:0;font-size:11px}.repo-tools{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.check-row{color:#ddd8e2;align-items:center;gap:9px;font-size:12px;display:inline-flex}.check-row input{width:16px;height:16px;accent-color:var(--violet)}.repo-status{color:#beb5ca;background:#8a5cf60d;border:1px solid #8a5cf629;border-radius:11px;flex:1;align-items:center;min-height:42px;padding:10px 12px;font-size:11px;display:flex}.repo-status strong{color:#ece8f2}.form-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:20px;display:flex}.submit-actions{margin-top:22px}.notice{min-height:24px;color:var(--muted);margin-top:11px;font-size:12px}.notice.success{color:#cabaff}.notice.error{color:var(--danger)}.notice.loading{color:#c7bdd5}.login-card{max-width:720px;padding:30px}.login-card h2{letter-spacing:-.05em;margin:0 0 8px;font-size:28px}.login-card p{color:var(--muted)}.profile-page{padding:68px 0 104px}.profile-page>h1{font-size:clamp(48px,6.5vw,84px)}.profile-head{align-items:center;gap:16px;padding:27px 0 25px;display:flex}.profile-avatar{object-fit:cover;border:2px solid #8a5cf659;border-radius:50%;width:76px;height:76px}.profile-identity h2{letter-spacing:-.04em;margin:0;font-size:25px}.profile-identity p{color:var(--muted);margin:3px 0}.profile-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;display:grid}.panel{padding:23px}.panel-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:21px;display:flex}.panel-heading .eyebrow{margin-bottom:3px}.panel-heading h2{margin:0;font-size:18px}.status-dot{background:var(--violet-soft);color:#d7ccff;border:1px solid #8a5cf63d;border-radius:999px;padding:6px 9px;font-size:10px}.profile-form{gap:15px;display:grid}.profile-form label{color:#e6e1ea;gap:7px;font-size:12px;font-weight:780;display:grid}.two-col{grid-template-columns:1fr 1fr;gap:15px;display:grid}.project-list{display:grid}.project-row{border-top:1px solid var(--line-soft);justify-content:space-between;align-items:center;gap:12px;padding:14px 0;display:flex}.project-row:first-child{border-top:0;padding-top:0}.project-row strong{font-size:14px;display:block}.project-row span{color:var(--muted-2);font-size:11px;display:block}.row-actions{gap:7px;display:flex}.empty-panel{color:var(--muted);padding:15px 0}.empty-panel strong{color:var(--text)}.empty-panel p{margin:4px 0 14px}.site-footer{padding:0 0 26px}.footer-shell{width:min(var(--max),calc(100% - 40px));border-top:1px solid var(--line-soft);color:var(--muted-2);justify-content:space-between;gap:18px;margin:auto;padding-top:22px;font-size:12px;display:flex}.footer-shell a:hover{color:var(--violet-2)}.muted{color:var(--muted)}.small{font-size:11px}@media (width<=980px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.featured-card,.detail-layout,.profile-grid{grid-template-columns:1fr}.detail-actions{position:static}.nav-shell,.hero,.featured-wrap,.projects-section,.submit-page,.detail-page,.profile-page,.footer-shell{width:min(var(--max),calc(100% - 32px))}}@media (width<=680px){.nav-shell{min-height:68px}.site-nav{gap:4px}.nav-button,.nav-profile,.nav-form button{min-height:36px;padding:0 9px;font-size:12px}.nav-profile span,.nav-login span{display:none}.hero{padding-top:78px}.hero h1{font-size:clamp(49px,15vw,76px)}.stats{grid-template-columns:1fr;max-width:none}.filters,.form-grid,.two-col,.project-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.featured-card{padding:24px}.section-heading{align-items:flex-start}.section-heading>a{padding-top:3px}.detail-head{flex-direction:column;padding-top:30px}.detail-head h1{font-size:clamp(48px,14vw,76px)}.form-card,.panel,.login-card{padding:18px}.repo-tools{align-items:stretch}.repo-status{flex-basis:100%}.footer-shell,.row-actions{flex-direction:column}}.site-header{height:66px}.nav-shell{position:relative}.site-nav{align-items:center;gap:6px;display:flex}.nav-link,.nav-profile{color:#aaa4b3;background:0 0;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;min-height:38px;padding:0 12px;font-size:12px;font-weight:760;text-decoration:none;transition:all .16s;display:inline-flex}.nav-link:hover,.nav-profile:hover{color:#f5f1fa;border-color:var(--line-soft);background:#ffffff06}.nav-submit{color:#ddd4f8;background:#8a5cf61a;border-color:#8a5cf647}.nav-submit:hover{background:#8a5cf629;border-color:#8a5cf66b}.nav-profile{border-color:var(--line);gap:8px}.nav-profile img{object-fit:cover;border-radius:50%;width:22px;height:22px}.nav-form{margin:0}.nav-signout{font:inherit;cursor:pointer}.nav-login{color:#ded8e6}.brand-icon{background:#0f0b17;border:1px solid #8a5cf659;border-radius:10px;place-items:center;width:34px;height:34px;display:grid;overflow:hidden}.brand-icon img{object-fit:cover;width:100%;height:100%}.form-card input,.form-card textarea,.form-card select,.filters input,.filters select,.profile-form input,.profile-form textarea{color:#f5f2f8!important;background:#101015!important;border-color:#2a2732!important}.form-card input::placeholder,.form-card textarea::placeholder,.filters input::placeholder,.profile-form input::placeholder,.profile-form textarea::placeholder{color:#625d69}.form-card textarea{min-height:132px}.field small{color:#77717f}.star-box{background:linear-gradient(#101016f5,#0d0c12f5)}@media (width<=680px){.site-header{height:64px}.nav-shell{min-height:64px}.brand-word{display:none}.nav-link{padding:0 9px}.nav-login span,.nav-profile span{display:none}}
