:root{--bg: #f4f5f7;--surface: #ffffff;--surface-soft: #eef1f5;--ink: #141d30;--ink-soft: #4b586e;--line: #d9dee7;--line-strong: #c6cedb;--primary: #0f1329;--primary-soft: #eceff4;--radius: 14px;--shadow: 0 10px 24px rgba(17, 29, 51, .06)}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Plus Jakarta Sans,Manrope,sans-serif;background:var(--bg);color:var(--ink)}a{color:inherit}.screen-center{min-height:100vh;display:grid;place-items:center;color:var(--ink-soft)}.site-nav-wrap{position:sticky;top:0;z-index:80;border-bottom:1px solid var(--line);background:#f4f5f7eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.site-nav{max-width:1460px;margin:0 auto;padding:.9rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{border:0;background:none;padding:0;display:inline-flex;align-items:center;gap:.65rem;font-size:1.03rem;font-weight:700;cursor:pointer}.brand-mark{width:3rem;height:3rem;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:#1a243b;color:#fff;font-family:Space Grotesk,IBM Plex Mono,monospace;font-size:.92rem}.nav-links{display:flex;align-items:center;gap:.3rem}.nav-links button{border:0;background:none;color:var(--ink-soft);border-radius:12px;padding:.58rem 1.2rem;font-size:1rem;cursor:pointer}.nav-links button:hover,.nav-links button.is-active{color:var(--ink);background:var(--primary-soft)}.nav-user-actions{display:inline-flex;align-items:center;gap:.65rem}.user-pill{display:inline-flex;align-items:center;gap:.58rem;background:var(--primary-soft);border-radius:12px;padding:.33rem .68rem;color:#334155;font-size:.95rem}.avatar-dot{width:1.88rem;height:1.88rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#5c6ef8,#8b5cf6);color:#fff;font-size:.82rem;font-weight:700}.logout-icon{width:2.2rem;height:2.2rem;border:0;border-radius:12px;background:transparent;color:#223047;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem}.logout-icon:hover{background:var(--primary-soft)}.mobile-nav-toggle{display:none;border:1px solid var(--line-strong);border-radius:10px;background:#fff;padding:.45rem .8rem;font-weight:700}.site-main{max-width:1320px;margin:0 auto;padding:0 1.3rem}.home-hero-shell{min-height:calc(100vh - 95px);display:grid;align-content:center;justify-items:center;text-align:center;gap:1rem;padding:2rem 0 3rem}.hero-pill{margin:0;border-radius:999px;background:#e9edf2;color:#5b677b;padding:.36rem .9rem;font-size:.9rem}.hero-title{margin:0;display:grid;gap:.03em;font-size:clamp(4rem,9vw,7.5rem);line-height:.94;letter-spacing:-.05em;font-weight:500;color:#17233b}.hero-summary{margin:0;max-width:860px;color:#4a5970;font-size:clamp(1.24rem,2vw,1.95rem);line-height:1.46}.hero-cta-row{display:flex;flex-wrap:wrap;gap:.7rem}.hero-cta-row.centered{justify-content:center}.btn{border:0;border-radius:12px;padding:.68rem 1.28rem;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:#070b22}.btn-secondary{background:#f6f7f9;color:#1f2d41;border:1px solid var(--line-strong)}.social-icons-row{margin-top:1.1rem;display:flex;justify-content:center;gap:.8rem}.social-icons-row a{width:3.2rem;height:3.2rem;border-radius:999px;background:#e8ebf0;color:#273449;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:700}.social-icons-row a:hover{background:#dce2eb}.page-stack{padding:1.35rem 0 0;display:grid;gap:.9rem}.section-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);padding:1rem}.page-header.compact h1{margin:0;font-size:clamp(1.8rem,3vw,2.8rem);letter-spacing:-.02em}.page-header.compact p{margin:.5rem 0 0;color:var(--ink-soft)}.project-grid.clean-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.project-tile{border:1px solid var(--line);border-radius:12px;background:var(--surface-soft);padding:.85rem}.tile-top{display:flex;justify-content:space-between;gap:.6rem}.project-tile h2{margin:0;font-size:1.14rem}.project-tile p{margin:.45rem 0 0;color:var(--ink-soft);line-height:1.58}.badge{border-radius:999px;background:#e8edf6;color:#314563;padding:.2rem .44rem;font-size:.72rem}.tech-stack{font-size:.82rem;color:#475e7f;font-family:IBM Plex Mono,monospace}.tile-links{margin-top:.68rem;display:flex;gap:.52rem}.tile-links a,.contact-list a,.footer-links span{color:#2d476b;text-decoration:none;font-weight:600;border-bottom:1px solid rgba(45,71,107,.3)}.tile-links a:hover,.contact-list a:hover{color:#17263a;border-bottom-color:#17263a}.stats-grid.compact-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.stat-tile{border:1px solid var(--line);border-radius:12px;background:#fff;padding:.82rem}.stat-tile p{margin:0;font-size:.83rem;color:#5f7088}.stat-tile strong{display:block;margin-top:.3rem;font-size:1.2rem}.two-col.clean-two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.content-tile{border:1px solid var(--line);border-radius:12px;background:var(--surface-soft);padding:.88rem}.content-tile h2{margin:0;font-size:1.28rem}.timeline-list{margin-top:.65rem;display:grid;gap:.6rem}.timeline-item{border-left:2px solid var(--line-strong);padding-left:.65rem}.timeline-item h3{margin:0;font-size:1rem}.meta{margin:.3rem 0 0;color:#617289;font-size:.87rem}.chip-wrap{margin-top:.65rem;display:flex;flex-wrap:wrap;gap:.5rem}.chip{border-radius:999px;background:#fff;border:1px solid var(--line-strong);padding:.32rem .58rem;font-size:.82rem;color:#334a66}.contact-form,.admin-form{display:grid;gap:.7rem}.contact-form label,.admin-form label{display:grid;gap:.35rem;font-weight:600}.contact-form input,.contact-form textarea,.admin-form input,.admin-form textarea,.admin-form select,.admin-filters input,.admin-filters select{border-radius:10px;border:1px solid var(--line-strong);padding:.64rem;font:inherit;background:#fff;color:var(--ink)}.contact-form input:focus,.contact-form textarea:focus,.admin-form input:focus,.admin-form textarea:focus,.admin-form select:focus,.admin-filters input:focus,.admin-filters select:focus{outline:3px solid rgba(20,29,48,.16);border-color:#b8c3d4}.notice,.updated{margin:0;font-size:.91rem;color:var(--ink-soft)}.contact-list{margin-top:.66rem;display:grid;gap:.42rem}.contact-list span{color:var(--ink-soft)}.site-footer.minimal-footer{max-width:1320px;margin:.95rem auto 2.2rem;padding:0 1.3rem}.footer-grid{border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:var(--shadow);padding:.95rem;display:grid;grid-template-columns:1.6fr 1fr;gap:.9rem}.footer-grid h3,.footer-grid h4{margin:0}.footer-grid p{margin:.48rem 0 0;color:var(--ink-soft)}.footer-grid h4{color:#637489;font-size:.82rem}.footer-links{margin-top:.48rem;display:grid;gap:.35rem}.footer-copy{margin:.7rem 0 0;color:var(--ink-soft);font-size:.82rem}.admin-shell{max-width:1240px;margin:0 auto;padding:1.2rem}.admin-auth-page{min-height:100vh;background:linear-gradient(180deg,#f4f6fa,#f1f3f7)}.admin-auth-nav{max-width:1240px;margin:0 auto;padding:1rem 1.2rem .5rem;display:flex;align-items:center;justify-content:space-between;gap:.8rem}.admin-auth-brand{display:inline-flex;align-items:center;gap:.6rem;font-weight:700}.admin-auth-shell{max-width:640px;margin:0 auto;padding:.8rem 1.2rem 2rem}.admin-auth-card{padding:1.2rem}.admin-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.admin-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.65rem}.admin-tabs{margin-bottom:.75rem;display:flex;flex-wrap:wrap;gap:.45rem}.admin-tabs button{border:1px solid var(--line-strong);background:#f6f7f9;color:#2d3e55;border-radius:10px;padding:.52rem .8rem;font-weight:600;cursor:pointer}.admin-tabs button.is-active{background:var(--primary);border-color:var(--primary);color:#fff}.admin-card{border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:var(--shadow);padding:1rem;margin-bottom:.8rem}.admin-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.admin-item{border:1px solid var(--line);border-radius:12px;background:var(--surface-soft);padding:.85rem}.checkbox-label{grid-template-columns:auto 1fr;align-items:center;gap:.58rem}.auth-tabs{display:flex;flex-wrap:wrap;gap:.45rem}.admin-filters{display:grid;grid-template-columns:1fr 220px;gap:.55rem}.admin-upload-box{display:grid;gap:.6rem;margin-bottom:.85rem;padding:.75rem;border:1px dashed var(--line-strong);border-radius:12px;background:#f7f9fc}@media(max-width:1100px){.hero-title{font-size:clamp(3.4rem,8vw,6rem)}.project-grid.clean-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.two-col.clean-two-col,.stats-grid.compact-stats,.footer-grid,.admin-list{grid-template-columns:1fr}}@media(max-width:900px){.mobile-nav-toggle{display:inline-flex}.site-nav{flex-wrap:wrap}.nav-links{display:none;width:100%;order:4;flex-direction:column;align-items:stretch;border:1px solid var(--line);border-radius:12px;background:#fff;padding:.45rem}.nav-links.is-open{display:flex}.nav-links button{text-align:left}.project-grid.clean-grid{grid-template-columns:1fr}.nav-user-actions{width:100%;justify-content:flex-end}.admin-filters{grid-template-columns:1fr}}@media(max-width:680px){.site-nav,.site-main,.site-footer.minimal-footer,.admin-shell{padding-left:.85rem;padding-right:.85rem}.home-hero-shell{min-height:calc(100vh - 110px)}.hero-title{font-size:3rem}.hero-summary{font-size:1.1rem}.admin-header{flex-direction:column;align-items:flex-start}.admin-auth-nav{padding-left:.85rem;padding-right:.85rem}}