:root{color:#e5ecf6;background:#070b12;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 18% 10%,#38bdf829,#0000 26rem),radial-gradient(circle at 82% 18%,#14f1951a,#0000 20rem),linear-gradient(135deg,#070b12 0%,#111827 58%,#0e1624 100%);min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.site-header{z-index:1100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#070b12d6;border-bottom:1px solid #94a3b829;justify-content:flex-end;align-items:center;gap:24px;min-height:64px;padding:0 32px;display:flex;position:sticky;top:0}.desktop-nav button,.mobile-nav button{color:inherit;cursor:pointer;background:0 0;border:0}.desktop-nav{align-items:center;gap:8px;display:flex}.desktop-nav button,.desktop-nav a,.mobile-nav button,.mobile-nav a{color:#c7d2e1;border-radius:8px;align-items:center;min-height:44px;padding:0 14px;font-size:14px;display:inline-flex}.desktop-nav button:hover,.desktop-nav a:hover,.desktop-nav .active{color:#fff;background:#38bdf81f}.menu-trigger{color:#e5ecf6;background:#0e1624;border:1px solid #94a3b838;border-radius:8px;width:44px;height:44px;display:none}.mobile-nav{background:#0e1624;border:1px solid #94a3b838;border-radius:8px;padding:10px;display:grid;position:absolute;top:72px;left:16px;right:16px;box-shadow:0 18px 48px #00000057}.mobile-nav button,.mobile-nav a{justify-content:flex-start}.hero-section,.overview-section,.section-wrap,.simple-page,.site-footer{width:min(100% - 64px,1180px);margin:0 auto}.hero-section{grid-template-columns:minmax(0,1.1fr) minmax(260px,300px);align-items:center;gap:32px;padding:56px 0 48px;display:grid}.hero-copy{max-width:720px}.hero-side{justify-self:end;gap:12px;width:100%;display:grid}h1,h2,h3,p{overflow-wrap:anywhere}h1{color:#fff;letter-spacing:0;margin:0;font-size:60px;line-height:1.15}h2{color:#fff;margin:0;font-size:36px;line-height:1.15}h3{color:#fff;margin:0;font-size:20px;line-height:1.3}.role-line{color:#38bdf8;margin:18px 0 0;font-size:20px;font-weight:700}.lede{color:#c7d2e1;max-width:640px;margin:20px 0 0;font-size:18px;line-height:1.65}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.button{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:0 20px;font-weight:700;display:inline-flex}.button.primary{color:#070b12;background:#38bdf8;box-shadow:0 0 32px #38bdf83d}.button.secondary{color:#fff;background:0 0;border-color:#94a3b847}.button.danger{color:#fecdd3;background:#f43f5e1a;border-color:#f43f5e6b;min-height:40px;padding:0 14px}.button.tertiary{color:#38bdf8;background:0 0;min-height:40px;padding:0}.button:hover,.project-card:hover{transform:translateY(-2px)}.button:focus-visible,.project-card:focus-visible,.carousel-button:focus-visible,.desktop-nav button:focus-visible,.desktop-nav a:focus-visible,.mobile-nav button:focus-visible,.mobile-nav a:focus-visible,.menu-trigger:focus-visible{outline-offset:2px;outline:2px solid #14f195}.project-search input:focus-visible,.input-wrap input:focus-visible,.input-wrap textarea:focus-visible,.input-wrap select:focus-visible{outline:0}.portrait-panel{background:#0e1624;border:1px solid #94a3b838;border-radius:8px;margin:0;position:relative;overflow:hidden;box-shadow:0 18px 48px #00000057}.portrait-panel img{aspect-ratio:4/5;object-fit:cover;width:100%}.portrait-panel figcaption{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#030712c2;border:1px solid #ffffff1f;border-radius:9999px;align-items:center;gap:8px;min-height:40px;padding:0 14px;display:inline-flex;position:absolute;bottom:16px;left:16px}.hero-contact{background:#0e1624b8;border:1px solid #94a3b838;border-radius:8px;padding:14px;scroll-margin-top:84px}.overview-section{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:48px 0;display:grid}.overview-section article,.project-card{background:#0e1624db;border:1px solid #94a3b838;border-radius:8px;box-shadow:0 10px 30px #00000047}.overview-section article{padding:20px}.overview-section svg{color:#38bdf8;margin-bottom:16px}.overview-section p,.project-card p{color:#c7d2e1}.skill-cloud,.tag-row{flex-wrap:wrap;gap:8px;display:flex}.skill-cloud{margin-top:14px}.skill-cloud span,.tag-row span,.status-pill{color:#dff7ff;background:#38bdf814;border:1px solid #38bdf833;border-radius:9999px;padding:6px 10px;font-size:12px}.section-wrap{padding:48px 0 64px}.section-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.project-grid.compact{margin-top:32px}.project-carousel{overflow:hidden}.project-track{overscroll-behavior-x:contain;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;grid-auto-columns:calc(33.3333% - 13.3333px);grid-auto-flow:column;gap:20px;padding-bottom:12px;display:grid;overflow-x:auto}.project-track::-webkit-scrollbar{display:none}.project-track .project-card{scroll-snap-align:start;height:100%}.carousel-controls{gap:8px;display:flex}.carousel-button{color:#e5ecf6;cursor:pointer;background:#0e1624db;border:1px solid #94a3b847;border-radius:8px;place-items:center;width:40px;height:40px;transition:border-color .15s,color .15s;display:grid}.carousel-button:hover{color:#fff;border-color:#38bdf875}.project-card{text-align:left;width:100%;color:inherit;cursor:pointer;padding:0 0 20px;transition:transform .15s,border-color .15s;position:relative;overflow:hidden}.project-card:hover{border-color:#38bdf875}.project-card img{aspect-ratio:16/10;object-fit:cover;width:100%}.project-card h3,.project-card p,.project-card .tag-row{margin-left:20px;margin-right:20px}.project-card h3{margin-top:18px}.project-card p{min-height:72px;margin-top:10px;margin-bottom:18px}.project-card-body{padding:18px 20px 20px}.project-card-body h3,.project-card-body p,.project-card-body .tag-row{margin-left:0;margin-right:0}.project-card-body h3{margin-top:0}.detail-action{margin-top:20px}.status-pill{background:#030712c2;position:absolute;top:12px;left:12px}.contact-links{flex-wrap:wrap;gap:6px;display:flex}.contact-links a{color:#c7d2e1;background:#38bdf814;border:1px solid #38bdf833;border-radius:8px;align-items:center;gap:10px;min-height:38px;padding:0 10px;font-size:13px;display:inline-flex}.contact-links a:hover{color:#fff;border-color:#38bdf875}.site-footer{color:#96a5ba;border-top:1px solid #94a3b829;flex-wrap:wrap;justify-content:space-between;gap:10px;padding:24px 0 32px;font-size:14px;display:flex}.simple-page{min-height:calc(100vh - 64px);padding:80px 0}.projects-list-page{padding-top:64px}.projects-hero{grid-template-columns:minmax(0,1fr) minmax(300px,380px);align-items:end;gap:32px;display:grid}.project-search{color:#96a5ba;background:#0e1624db;border:1px solid #94a3b847;border-radius:8px;align-items:center;gap:10px;min-height:48px;padding:0 16px;display:flex}.project-search:focus-within{border-color:#14f195;box-shadow:0 0 0 2px #14f19524}.project-search input{color:#e5ecf6;background:0 0;border:0;width:100%;min-width:0}.project-search input::placeholder{color:#64748b}.project-list-meta{color:#96a5ba;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:32px;font-size:14px;display:flex}.project-skeleton{background:linear-gradient(90deg,#0e1624,#1e293b,#0e1624);border:1px solid #94a3b82e;border-radius:8px;min-height:360px;box-shadow:0 10px 30px #00000047}.state-panel{background:#0e1624db;border:1px solid #94a3b838;border-radius:8px;align-items:center;gap:18px;margin-top:32px;padding:24px;display:flex;box-shadow:0 10px 30px #00000047}.state-panel h2{font-size:24px}.state-panel p{color:#c7d2e1;margin:6px 0 0}.state-panel svg{color:#38bdf8;flex:none}.error-state{border-color:#f43f5e5c}.error-state svg{color:#f43f5e}.empty-state{color:#e5ecf6}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.project-detail>img{aspect-ratio:16/8;object-fit:cover;border-radius:8px;width:min(100%,860px);margin-bottom:28px}.project-detail .tag-row{margin:24px 0}.detail-state{flex-direction:column;align-items:flex-start;display:flex}.detail-state svg{color:#38bdf8;margin-bottom:16px}.spin-icon{animation:1s linear infinite spin}.detail-hero{grid-template-columns:minmax(0,1fr) minmax(340px,.86fr);align-items:center;gap:40px;display:grid}.detail-copy{min-width:0}.back-link{margin-bottom:18px}.detail-hero>img{aspect-ratio:16/11;object-fit:cover;border:1px solid #94a3b838;border-radius:8px;width:100%;box-shadow:0 18px 48px #00000057}.detail-meta{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.detail-meta span{color:#c7d2e1;text-transform:capitalize;background:#0e1624b8;border:1px solid #94a3b838;border-radius:9999px;align-items:center;min-height:32px;padding:0 12px;font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:12px;display:inline-flex}.rich-content{border-top:1px solid #94a3b829;width:100%;margin-top:56px;padding-top:36px}.rich-heading{border-left:3px solid #14f195;margin:36px 0 14px;padding-left:16px}.rich-content>.rich-heading:first-child{margin-top:0}.rich-paragraph{color:#c7d2e1;margin:0 0 22px;font-size:18px;line-height:1.65}.rich-image{background:#0e1624;border:1px solid #94a3b838;border-radius:8px;margin:28px 0;overflow:hidden;box-shadow:0 10px 30px #00000047}.rich-image img{aspect-ratio:16/9;object-fit:cover;width:100%}.rich-image figcaption{color:#96a5ba;padding:12px 16px;font-size:14px}.rich-list{color:#c7d2e1;margin:18px 0 28px;padding-left:28px}.rich-list li{padding-left:6px;line-height:1.7}.rich-list li+li{margin-top:8px}.rich-link{color:#dff7ff;background:#38bdf814;border:1px solid #38bdf852;border-radius:8px;align-items:center;gap:10px;min-height:48px;margin-top:24px;padding:0 16px;font-weight:700;display:inline-flex}.rich-link:hover{background:#38bdf821;border-color:#38bdf89e}.rich-divider{border:0;border-top:1px solid #94a3b838;margin:32px 0}.rich-empty{margin-top:0}.auth-page{grid-template-columns:minmax(0,1fr) minmax(340px,430px);align-items:center;gap:40px;display:grid}.auth-copy{min-width:0}.auth-panel,.admin-project-table article,.admin-toolbar,.admin-list-heading,.admin-form,.admin-toast,.confirm-card,.rich-editor,.editor-block{background:#0e1624db;border:1px solid #94a3b838;border-radius:8px;box-shadow:0 10px 30px #00000047}.auth-panel-heading svg{color:#38bdf8;flex:none}.auth-panel h2,.admin-project-table h2{font-size:24px}.help-text{color:#96a5ba;font-size:14px}.auth-panel{padding:24px}.compact-auth-panel{justify-self:center;width:min(100%,560px)}.auth-panel-heading{align-items:center;gap:14px;margin-bottom:24px;display:flex}.field{color:#e5ecf6;gap:8px;font-weight:700;display:grid}.field+.field{margin-top:18px}.input-wrap{color:#96a5ba;background:#111827;border:1px solid #94a3b847;border-radius:8px;align-items:center;gap:10px;min-height:48px;padding:0 14px;display:flex}.input-wrap:focus-within{border-color:#14f195;box-shadow:0 0 0 2px #14f19524}.input-wrap input,.input-wrap textarea,.input-wrap select{color:#e5ecf6;background:0 0;border:0;width:100%;min-width:0}.input-wrap textarea{resize:vertical;padding:12px 0}.input-wrap select{cursor:pointer;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:#111827;min-height:46px}.input-wrap select option{color:#e5ecf6;background-color:#111827}.input-wrap select option:checked,.input-wrap select option:hover{color:#fff;background-color:#0f766e}.input-wrap input::placeholder,.input-wrap textarea::placeholder{color:#64748b}.auth-submit{width:100%;margin-top:24px}.auth-secondary-action{width:100%;margin-top:12px}.auth-submit:disabled{cursor:wait;opacity:.68}.form-error{color:#fecdd3;background:#f43f5e14;border:1px solid #f43f5e5c;border-radius:8px;margin:0 0 18px;padding:12px 14px;font-size:14px}.admin-page{padding-top:56px}.admin-toolbar{justify-content:space-between;align-items:center;gap:24px;padding:24px;display:flex}.admin-toolbar .lede{margin-top:12px}.admin-mode-badge{color:#dff7ff;text-transform:uppercase;background:#38bdf814;border:1px solid #38bdf83d;border-radius:9999px;margin-top:12px;padding:6px 10px;font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:12px;display:inline-flex}.admin-projects{margin-top:28px}.admin-toast{color:#d9fff0;border-color:#14f1954d;align-items:center;gap:10px;margin-top:18px;padding:14px 16px;display:inline-flex}.admin-toast svg{color:#14f195}.admin-list-heading{justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.admin-list-heading span{color:#14f195;font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:14px}.admin-list-heading p{color:#96a5ba;max-width:620px;margin:8px 0 0;font-size:14px}.admin-project-table{gap:12px;margin-top:16px;display:grid}.admin-project-table article{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:16px;padding:18px;display:grid}.admin-project-table p{color:#c7d2e1;margin:8px 0 0}.admin-row-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.admin-row-actions>span,.admin-row-actions>strong{color:#14f195;text-transform:capitalize;background:#14f19514;border-radius:9999px;padding:6px 10px;font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:12px}.admin-row-actions>strong{color:#dff7ff;background:#38bdf814;font-weight:700}.admin-tags{margin-top:14px}.admin-form{gap:20px;margin-top:28px;padding:24px;display:grid}.rich-editor{margin-top:28px;padding:24px}.editor-heading,.editor-add-row,.editor-block-toolbar{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.editor-heading p{color:#c7d2e1;max-width:720px;margin:10px 0 0}.editor-heading-actions,.editor-block-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.editor-add-row{background:#38bdf80f;border:1px solid #38bdf82e;border-radius:8px;align-items:end;margin-top:24px;padding:16px}.editor-add-row .field{width:min(100%,320px)}.editor-empty{margin-top:20px}.editor-block-list{gap:16px;margin-top:20px;display:grid}.editor-block{gap:18px;padding:18px;display:grid}.editor-block-toolbar span{color:#14f195;text-transform:uppercase;font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:12px}.editor-block-toolbar h3{margin-top:6px}.icon-button{width:40px;min-height:40px;padding:0}.icon-button:disabled,.button:disabled{cursor:not-allowed;opacity:.5;transform:none}.editor-form-error{margin-top:20px}.editor-save-row{margin-top:24px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.compact-grid{align-items:end}.textarea-wrap{align-items:stretch}.field-error{color:#fecdd3;font-size:14px;font-weight:500}.skill-combobox{border:1px solid #94a3b838;border-radius:8px;gap:12px;margin:0;padding:18px;display:grid}.skill-combobox legend{color:#e5ecf6;padding:0 8px;font-weight:700}.selected-skills{flex-wrap:wrap;gap:10px;display:flex}.selected-skills-empty{color:#96a5ba;font-size:14px}.skill-chip,.toggle-field{color:#dff7ff;cursor:pointer;background:#38bdf814;border:1px solid #38bdf833;border-radius:9999px;align-items:center;gap:8px;min-height:40px;padding:0 12px;display:inline-flex}.skill-chip{color:#e5fff4;cursor:default;background:#14f1951a;border-color:#14f19547}.skill-chip button{color:#bdf9dc;cursor:pointer;background:0 0;border:0;border-radius:9999px;justify-content:center;align-items:center;width:24px;height:24px;margin-right:-6px;display:inline-flex}.skill-chip button:hover,.skill-chip button:focus-visible{color:#fff;background:#14f19529}.skill-entry-row{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid;position:relative}.skill-input-wrap,.skill-add-button{min-height:44px}.skill-suggestions{z-index:20;background:#0f172a;border:1px solid #38bdf83d;border-radius:8px;gap:4px;width:min(100%,360px);padding:6px;display:grid;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 18px 36px #0206176b}.skill-suggestions button{color:#dff7ff;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:6px;min-height:34px;padding:0 10px}.skill-suggestions button:hover,.skill-suggestions button:focus-visible{color:#fff;background:#14f1951a}.toggle-field input{accent-color:#14f195}.toggle-field{border-radius:8px;justify-content:flex-start}.form-actions,.confirm-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.confirm-panel{z-index:1200;background:#030712c2;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.confirm-card{gap:18px;width:min(100%,560px);padding:24px;display:grid}.confirm-card>svg{color:#f43f5e}.confirm-card p{color:#c7d2e1}.skeleton-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:32px;display:grid}@keyframes spin{to{transform:rotate(360deg)}}.skeleton-grid span{background:linear-gradient(90deg,#0e1624,#1e293b,#0e1624);border-radius:8px;min-height:180px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}@media (width<=900px){.site-header{padding:0 16px}.desktop-nav{display:none}.menu-trigger{place-items:center;display:grid}.hero-section,.overview-section,.section-wrap,.simple-page,.site-footer{width:min(100% - 32px,1180px)}.hero-section{grid-template-columns:1fr;gap:32px;min-height:auto;padding:40px 0 32px}h1{font-size:40px}h2{font-size:28px}.overview-section,.project-grid,.skeleton-grid,.projects-hero,.detail-hero,.auth-page,.admin-project-table article,.skill-entry-row,.form-grid{grid-template-columns:1fr}.section-heading{flex-direction:column;align-items:flex-start}.project-track{grid-auto-columns:min(88%,360px)}.detail-hero{gap:28px}.overview-section,.section-wrap{padding:32px 0}.project-card p{min-height:auto}.state-panel{flex-direction:column;align-items:flex-start}.auth-page{align-items:start}.admin-toolbar,.admin-list-heading,.admin-row-actions,.editor-heading,.editor-add-row,.editor-block-toolbar{flex-direction:column;align-items:flex-start}.admin-row-actions,.editor-heading-actions,.editor-block-actions{justify-content:flex-start}}