@import "https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500&family=Inter:wght@400;500;600&family=Outfit:wght@300;600;700;800&display=swap";.admin-app-root,.admin-app-root *{cursor:auto!important}.admin-app-root a,.admin-app-root button,.admin-app-root select,.admin-app-root input[type=checkbox],.admin-app-root input[type=radio],.admin-app-root .clickable{cursor:pointer!important}.admin-app-root input[type=text],.admin-app-root input[type=email],.admin-app-root input[type=password],.admin-app-root input[type=number],.admin-app-root input[type=search],.admin-app-root textarea{cursor:text!important}.admin-app-root{background-color:var(--bg-space);min-height:100vh;color:var(--text-main);font-family:var(--font-sans);background-image:radial-gradient(circle at 10% 20%,#00f0ff0d 0%,#0000 40%),radial-gradient(circle at 90% 80%,#ff00550a 0%,#0000 40%),linear-gradient(#05070a 0%,#080c14 100%);display:flex}.admin-sidebar{-webkit-backdrop-filter:blur(20px);border-right:1px solid var(--border-glass);z-index:1000;background:#0a0f1ad9;flex-direction:column;width:260px;transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;bottom:0;left:0}.admin-sidebar-header{border-bottom:1px solid var(--border-glass);justify-content:space-between;align-items:center;height:72px;padding:0 24px;display:flex}.admin-brand{font-family:var(--font-display);letter-spacing:-.02em;align-items:center;gap:10px;font-size:1.15rem;font-weight:700;display:flex}.admin-brand-badge{font-size:.65rem;font-family:var(--font-mono);color:var(--accent-cyan);text-transform:uppercase;background:#00f0ff1f;border:1px solid #00f0ff4d;border-radius:4px;padding:2px 6px;font-weight:600}.admin-nav{flex-direction:column;flex:1;gap:6px;padding:20px 14px;display:flex;overflow-y:auto}.admin-nav-item{border-radius:var(--radius-sm);color:var(--text-muted);align-items:center;gap:12px;padding:10px 14px;font-size:.92rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.admin-nav-item:hover{color:var(--text-main);background:#ffffff0a}.admin-nav-item.active{color:var(--accent-cyan);background:#00f0ff14;border:1px solid #00f0ff33;box-shadow:0 0 15px #00f0ff14}.admin-nav-icon{text-align:center;width:20px;font-size:1.1rem}.admin-nav-badge{font-size:.72rem;font-family:var(--font-mono);background:var(--accent-magenta);color:#fff;border-radius:10px;margin-left:auto;padding:2px 7px;font-weight:600}.admin-sidebar-footer{border-top:1px solid var(--border-glass);flex-direction:column;gap:8px;padding:16px 14px;display:flex}.admin-user-info{border-radius:var(--radius-sm);background:#ffffff05;align-items:center;gap:10px;padding:8px 10px;display:flex}.admin-avatar{background:linear-gradient(135deg, var(--accent-cyan), var(--accent-purple));color:#05070a;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;font-weight:700;display:flex}.admin-user-meta{flex:1;overflow:hidden}.admin-user-name{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:600;overflow:hidden}.admin-user-role{color:var(--text-muted);font-size:.72rem}.admin-main{flex-direction:column;flex:1;min-height:100vh;margin-left:260px;display:flex}.admin-topbar{border-bottom:1px solid var(--border-glass);-webkit-backdrop-filter:blur(15px);z-index:900;background:#080c1499;justify-content:space-between;align-items:center;height:72px;padding:0 32px;display:flex;position:sticky;top:0}.admin-page-title{font-family:var(--font-display);letter-spacing:-.01em;font-size:1.35rem;font-weight:700}.admin-topbar-actions{align-items:center;gap:14px;display:flex}.admin-content{flex:1;width:100%;max-width:1400px;margin:0 auto;padding:32px}.admin-stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:32px;display:grid}.admin-stat-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-glass);border-radius:var(--radius-md);flex-direction:column;gap:10px;padding:22px;transition:transform .2s,border-color .2s;display:flex;position:relative;overflow:hidden}.admin-stat-card:hover{border-color:#00f0ff4d;transform:translateY(-2px)}.admin-stat-header{color:var(--text-muted);justify-content:space-between;align-items:center;font-size:.85rem;font-weight:500;display:flex}.admin-stat-icon{color:var(--accent-cyan);font-size:1.3rem}.admin-stat-num{font-family:var(--font-display);color:var(--text-main);font-size:2.2rem;font-weight:700;line-height:1}.admin-stat-sub{color:var(--text-faint);font-size:.78rem}.admin-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-glass);border-radius:var(--radius-md);margin-bottom:24px;padding:24px}.admin-card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px;display:flex}.admin-card-title{font-family:var(--font-display);font-size:1.15rem;font-weight:600}.admin-table-container{border-radius:var(--radius-sm);border:1px solid var(--border-glass);overflow-x:auto}.admin-table{border-collapse:collapse;text-align:left;width:100%;font-size:.9rem}.admin-table th{color:var(--text-muted);border-bottom:1px solid var(--border-glass);white-space:nowrap;background:#ffffff08;padding:14px 16px;font-weight:600}.admin-table td{vertical-align:middle;border-bottom:1px solid #ffffff08;padding:14px 16px}.admin-table tr:hover td{background:#ffffff05}.status-badge{text-transform:capitalize;font-size:.75rem;font-weight:600;font-family:var(--font-mono);border-radius:20px;align-items:center;gap:5px;padding:3px 9px;display:inline-flex}.status-badge--published,.status-badge--active{color:var(--accent-cyan);background:#00f0ff1f;border:1px solid #00f0ff4d}.status-badge--draft{color:#ffc107;background:#ffc1071f;border:1px solid #ffc1074d}.status-badge--archived,.status-badge--inactive{color:var(--text-muted);background:#ffffff0f;border:1px solid #ffffff1a}.status-badge--unread{color:var(--accent-magenta);background:#ff005524;border:1px solid #ff00554d}.featured-pill{color:gold;background:#ffd70026;border:1px solid #ffd70059;border-radius:10px;margin-left:6px;padding:2px 7px;font-size:.72rem;font-weight:600}.admin-form-group{margin-bottom:20px}.admin-form-row{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;display:grid}.admin-label{color:var(--text-main);margin-bottom:7px;font-size:.85rem;font-weight:600;display:block}.admin-label-hint{color:var(--text-muted);margin-left:6px;font-size:.75rem;font-weight:400}.admin-input,.admin-select,.admin-textarea{border:1px solid var(--border-glass);border-radius:var(--radius-sm);width:100%;color:var(--text-main);background:#0a0f1ab3;padding:10px 14px;font-family:inherit;font-size:.92rem;transition:all .2s}.admin-input:focus,.admin-select:focus,.admin-textarea:focus{border-color:var(--accent-cyan);background:#0e1422e6;outline:none;box-shadow:0 0 10px #00f0ff33}.admin-select option{color:#fff;background:#0d1322}.admin-textarea{resize:vertical;min-height:100px}.admin-actions-bar{border-top:1px solid var(--border-glass);justify-content:flex-end;align-items:center;gap:12px;margin-top:30px;padding-top:20px;display:flex}.btn-sm{padding:6px 12px;font-size:.82rem}.btn-danger{color:var(--accent-magenta);border-radius:var(--radius-sm);background:#ff005526;border:1px solid #ff005559;padding:7px 14px;font-weight:600;transition:all .2s}.btn-danger:hover{background:var(--accent-magenta);color:#fff;box-shadow:0 0 15px #f056}.btn-success{color:var(--accent-cyan);border-radius:var(--radius-sm);background:#00f0ff26;border:1px solid #00f0ff59;padding:7px 14px;font-weight:600;transition:all .2s}.btn-success:hover{background:var(--accent-cyan);color:#05070a}.btn-icon{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-muted);border:1px solid var(--border-glass);background:#ffffff0a;justify-content:center;align-items:center;transition:all .2s;display:inline-flex}.btn-icon:hover{color:var(--text-main);background:#ffffff14}.admin-modal-overlay{-webkit-backdrop-filter:blur(12px);z-index:2000;background:#03050ad9;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.admin-modal{border:1px solid var(--border-glow);border-radius:var(--radius-md);background:#0d1424;width:100%;max-width:600px;max-height:90vh;padding:28px;overflow-y:auto;box-shadow:0 0 40px #00f0ff26}.admin-modal-header{border-bottom:1px solid var(--border-glass);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:14px;display:flex}.admin-toast-container{z-index:3000;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:24px;right:24px}.admin-toast{pointer-events:auto;border:1px solid var(--border-glass);border-radius:var(--radius-sm);color:var(--text-main);background:#0e1628;align-items:center;gap:10px;padding:14px 20px;font-size:.9rem;animation:.3s cubic-bezier(.16,1,.3,1) slideInToast;display:flex;box-shadow:0 8px 30px #00000080}.admin-toast--success{border-color:#00f0ff66;box-shadow:0 0 20px #00f0ff26}.admin-toast--error{border-color:#f056;box-shadow:0 0 20px #ff005526}@keyframes slideInToast{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.admin-mobile-toggle{color:var(--text-main);font-size:1.4rem;display:none}@media (width<=960px){.admin-sidebar{transform:translate(-100%)}.admin-sidebar.open{transform:translate(0)}.admin-main{margin-left:0}.admin-mobile-toggle{display:block}.admin-content{padding:20px 16px}.admin-topbar{padding:0 16px}}:root{--bg-space:#05070a;--bg-deep:#080c14;--bg-card:#0e14228c;--bg-card-2:#0a0f1ab3;--accent-cyan:#00f0ff;--accent-magenta:#f05;--accent-purple:#8a2be2;--text-main:#f0f4f8;--text-muted:#8ba1b7;--text-faint:#f0f4f859;--border-glass:#ffffff12;--border-glow:#00f0ff47;--border-mag:#ff005547;--grad-accent:linear-gradient(135deg, var(--accent-cyan), var(--accent-magenta));--grad-card:linear-gradient(180deg, #ffffff0a 0%, #ffffff03 100%);--grad-primary:linear-gradient(135deg, #00f0ff1f, #ff005514);--font-sans:"Inter", system-ui, sans-serif;--font-display:"Outfit", sans-serif;--font-mono:"Fira Code", monospace;--radius-sm:8px;--radius-md:14px;--radius-lg:22px;--radius-xl:30px;--spring:cubic-bezier(.175, .885, .32, 1.275);--smooth:cubic-bezier(.4, 0, .2, 1);--nav-height:76px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--bg-space);color:var(--text-main);cursor:none;line-height:1.65;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:none;background:0 0;border:none;font-family:inherit}ul{list-style:none}img{max-width:100%;height:auto;display:block}code{font-family:var(--font-mono);color:var(--accent-cyan);background:#00f0ff14;border-radius:4px;padding:2px 7px;font-size:.83em}.cursor{background:var(--accent-cyan);pointer-events:none;z-index:9999;mix-blend-mode:screen;border-radius:50%;width:10px;height:10px;transition:width .3s,height .3s,background .3s;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.cursor-trail{pointer-events:none;z-index:9998;border:1px solid #00f0ff61;border-radius:50%;width:38px;height:38px;transition:left .15s ease-out,top .15s ease-out,width .3s,height .3s;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.cursor.hover{border:1px solid var(--accent-cyan);background:#00f0ff14;width:48px;height:48px}.cursor.hover+.cursor-trail{opacity:0}@media (pointer:coarse){.cursor,.cursor-trail{display:none}body,button{cursor:auto}}.text-gradient{background:var(--grad-accent);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline}.text-muted{color:var(--text-muted)}.text-center{text-align:center}.container{max-width:1200px;margin:0 auto;padding:0 5%}.section{z-index:2;padding:100px 0;position:relative}.section-header{margin-bottom:60px}.section-tag{font-family:var(--font-mono);color:var(--accent-magenta);letter-spacing:2px;text-transform:uppercase;margin-bottom:14px;font-size:.82rem;display:block}.section-title{font-family:var(--font-display);margin-bottom:16px;font-size:clamp(2.2rem,5vw,3.6rem);font-weight:700;line-height:1.1}.section-subtitle{color:var(--text-muted);max-width:600px;margin-top:16px;font-size:1.05rem;line-height:1.75}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(14px);border:1px solid var(--border-glass);border-radius:var(--radius-lg);box-shadow:0 8px 32px #00000052}.btn{font-weight:600;font-family:var(--font-display);transition:transform .22s var(--spring), box-shadow .3s var(--smooth);white-space:nowrap;border:none;border-radius:50px;justify-content:center;align-items:center;gap:10px;padding:12px 28px;font-size:.93rem;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:var(--grad-accent);color:#fff;box-shadow:0 4px 20px #ff005547}.btn-primary:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 8px 30px #00f0ff61}.btn-outline{color:var(--text-main);border:1px solid var(--border-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:0 0}.btn-outline:hover{border-color:var(--accent-cyan);background:#00f0ff0d;transform:translateY(-2px)}.btn-ghost{color:var(--text-muted);border:1px solid var(--border-glass);background:#ffffff0a}.btn-ghost:hover{color:var(--text-main);background:#ffffff14;transform:translateY(-2px)}.btn-full{justify-content:center;width:100%}.disabled-btn{opacity:.42;cursor:not-allowed;pointer-events:none}.navbar{height:var(--nav-height);z-index:1000;align-items:center;transition:background .4s,-webkit-backdrop-filter .4s,backdrop-filter .4s,border-color .4s;display:flex;position:fixed;top:0;left:0;right:0}.navbar.scrolled{-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-glass);background:#05070ae0}.nav-container{justify-content:space-between;align-items:center;gap:20px;width:100%;display:flex}.nav-logo{font-family:var(--font-display);letter-spacing:-1px;flex-shrink:0;font-size:1.55rem;font-weight:800;transition:opacity .3s}.nav-logo:hover{opacity:.8}.nav-links{align-items:center;gap:28px;display:flex}.nav-link{color:var(--text-muted);letter-spacing:.5px;font-size:.87rem;font-weight:500;transition:color .3s;position:relative}.nav-link:after{content:"";background:var(--accent-cyan);width:0;height:2px;transition:width .3s var(--spring);position:absolute;bottom:-4px;left:0}.nav-link:hover,.nav-link.active{color:var(--text-main)}.nav-link:hover:after,.nav-link.active:after{width:100%}.nav-resume-btn{font-family:var(--font-mono);border:1px solid var(--accent-cyan);color:var(--accent-cyan);white-space:nowrap;background:#00f0ff0d;border-radius:20px;padding:7px 18px;font-size:.8rem;text-decoration:none;transition:all .2s}.nav-resume-btn:hover{background:#00f0ff1f}.nav-back-link{font-family:var(--font-mono);color:var(--accent-cyan);font-size:.88rem;transition:opacity .3s}.nav-back-link:hover{opacity:.75}.hamburger{flex-direction:column;gap:5px;padding:8px;display:none}.hamburger span{background:var(--text-main);transform-origin:50%;width:23px;height:2px;transition:transform .3s,opacity .3s;display:block}.hamburger.open span:first-child{transform:translateY(7px)rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-menu{inset:0;top:var(--nav-height);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);z-index:999;background:#05070af7;justify-content:center;align-items:center;animation:.22s fadeIn;display:flex;position:fixed}.mobile-menu ul{text-align:center;flex-direction:column;gap:30px;display:flex}.mobile-nav-link{font-family:var(--font-display);color:var(--text-muted);font-size:2.1rem;font-weight:700;transition:color .3s}.mobile-nav-link:hover{color:var(--accent-cyan)}.mobile-resume-link{color:var(--accent-cyan);font-size:1.4rem}.hero{min-height:100vh;padding-top:var(--nav-height);align-items:center;display:flex;position:relative;overflow:hidden}.hero-glow{filter:blur(120px);pointer-events:none;z-index:0;border-radius:50%;position:absolute}.hero-glow--cyan{background:radial-gradient(circle,#00f0ff1f 0%,#0000 70%);width:600px;height:600px;top:-100px;right:-100px}.hero-glow--magenta{background:radial-gradient(circle,#ff00551a 0%,#0000 70%);width:500px;height:500px;bottom:-80px;left:-60px}.hero-content{z-index:2;max-width:860px;position:relative}.hero-greeting{font-family:var(--font-mono);color:var(--accent-cyan);letter-spacing:1px;margin-bottom:24px;font-size:.95rem;display:block}.hero-title{font-family:var(--font-display);margin-bottom:20px;font-size:clamp(3rem,8vw,6.2rem);font-weight:800;line-height:1.02}.hero-hi{color:var(--text-muted);margin-bottom:6px;font-size:clamp(1.5rem,3vw,2.2rem);font-weight:300}.hero-name{display:block}.name-char{background:var(--grad-accent);-webkit-text-fill-color:transparent;transition:transform .3s var(--spring);will-change:transform;-webkit-background-clip:text;background-clip:text;display:inline-block}.name-char:hover{-webkit-text-fill-color:var(--accent-magenta);filter:drop-shadow(0 0 10px var(--accent-magenta));transform:translateY(-10px)scale(1.15)}.name-space{width:.3em;display:inline-block}.hero-role-wrap{font-family:var(--font-display);color:var(--text-muted);min-height:1.4em;margin-bottom:10px;font-size:clamp(1.4rem,3vw,2.2rem);font-weight:300}.hero-role{color:var(--accent-cyan);font-weight:600}.cursor-blink{color:var(--accent-cyan);animation:1s step-end infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.hero-subtitle{margin-bottom:22px}.hero-subtitle-badge{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:1px;border:1px solid var(--border-glass);border-radius:20px;padding:5px 16px;font-size:.82rem;display:inline-block}.hero-desc{color:var(--text-muted);max-width:580px;margin-bottom:42px;font-size:1.05rem;line-height:1.8}.hero-actions{flex-wrap:wrap;gap:14px;margin-bottom:36px;display:flex}.hero-tech-row{flex-wrap:wrap;gap:10px;display:flex}.hero-tech-badge{font-family:var(--font-mono);color:var(--text-faint);border:1px solid #ffffff0f;border-radius:20px;padding:3px 12px;font-size:.75rem}.hero-scroll-indicator{color:var(--text-faint);font-family:var(--font-mono);letter-spacing:2px;flex-direction:column;align-items:center;gap:8px;font-size:.72rem;display:flex;position:absolute;bottom:36px;left:5%}.scroll-line{background:linear-gradient(to bottom, var(--accent-cyan), transparent);width:1px;height:50px;animation:2s ease-in-out infinite scrollPulse}@keyframes scrollPulse{0%,to{opacity:.4}50%{opacity:1}}.dev-snapshot-section{background:linear-gradient(180deg, var(--bg-space) 0%, var(--bg-deep) 100%);border-top:1px solid var(--border-glass);border-bottom:1px solid var(--border-glass);z-index:2;padding:70px 0;position:relative}.dev-snapshot-label{margin-bottom:36px}.dev-snapshot-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.snapshot-card{transition:transform .3s var(--smooth), border-color .3s;padding:28px 24px;position:relative;overflow:hidden}.snapshot-card:hover{border-color:var(--border-glow);transform:translateY(-6px)}.snapshot-num{font-family:var(--font-mono);color:#00f0ff1f;-webkit-user-select:none;user-select:none;font-size:2.2rem;font-weight:700;line-height:1;position:absolute;top:16px;right:18px}.snapshot-title{font-family:var(--font-display);color:var(--accent-cyan);margin-bottom:8px;font-size:1.05rem;font-weight:700}.snapshot-description{font-family:var(--font-mono);color:var(--text-main);margin-bottom:10px;font-size:.8rem}.snapshot-detail{color:var(--text-muted);font-size:.82rem;line-height:1.5}.featured-section{z-index:2;padding:100px 0;position:relative}.featured-label{align-items:center;gap:20px;margin-bottom:40px;display:flex}.featured-badge{font-family:var(--font-mono);color:var(--accent-magenta);border:1px solid var(--border-mag);background:#ff00550f;border-radius:20px;padding:3px 14px;font-size:.75rem}.featured-card{border:1px solid var(--border-glass);grid-template-columns:1fr;gap:0;transition:border-color .4s,box-shadow .4s;display:grid;overflow:hidden}.featured-card:hover{border-color:var(--border-glow);box-shadow:0 24px 80px #0000006b,0 0 60px #00f0ff0f}.featured-preview{border-bottom:1px solid var(--border-glass);aspect-ratio:16/7;width:100%;min-height:unset;background:linear-gradient(135deg,#00f0ff0a,#ff00550a);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.featured-preview-inner{flex-direction:column;align-items:center;gap:40px;padding:40px;display:flex}.featured-preview-label{font-family:var(--font-mono);color:#ffffff2e;-webkit-user-select:none;user-select:none;font-size:.95rem}.featured-preview-glow{background:linear-gradient(45deg,#0000 30%,#00f0ff0a 50%,#0000 70%);transition:transform .8s;position:absolute;inset:0;transform:translate(-100%)}.featured-card:hover .featured-preview-glow{transform:translate(100%)}.featured-arch-diagram{font-family:var(--font-mono);flex-direction:column;align-items:center;gap:0;font-size:.78rem;display:flex}.arch-layer{border-radius:var(--radius-sm);text-align:center;letter-spacing:.5px;padding:10px 24px;font-size:.8rem;font-weight:500}.arch-frontend{color:var(--accent-cyan);background:#00f0ff1a;border:1px solid #00f0ff40}.arch-backend{color:#c084fc;background:#8a2be21a;border:1px solid #8a2be24d}.arch-db{color:var(--accent-magenta);background:#ff005514;border:1px solid #ff005538}.arch-arrow{color:var(--text-faint);margin:6px 0;font-size:.9rem}.featured-content{flex-direction:column;justify-content:center;padding:48px;display:flex}.featured-category-badge{font-family:var(--font-mono);color:var(--accent-magenta);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:18px;font-size:.75rem}.featured-title{font-family:var(--font-display);margin-bottom:6px;font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.1}.featured-tagline{font-family:var(--font-mono);color:var(--accent-cyan);margin-bottom:20px;font-size:.85rem}.featured-desc{color:var(--text-muted);margin-bottom:28px;font-size:.97rem;line-height:1.75}.featured-stack{margin-bottom:24px}.featured-stack-label{font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;font-size:.75rem;display:block}.featured-stack-badges{flex-wrap:wrap;gap:8px;display:flex}.tech-badge-featured{font-family:var(--font-mono);color:var(--accent-cyan);background:#00f0ff14;border:1px solid #00f0ff38;border-radius:20px;padding:4px 12px;font-size:.78rem}.featured-features{margin-bottom:32px}.featured-features-label{font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;font-size:.75rem;display:block}.featured-features ul{flex-direction:column;gap:10px;display:flex}.featured-features li{color:var(--text-muted);align-items:flex-start;gap:12px;font-size:.9rem;line-height:1.5;display:flex}.feat-dot{color:var(--accent-cyan);flex-shrink:0;margin-top:2px}.featured-ctas{flex-wrap:wrap;gap:12px;display:flex}.project-lab-section{background:var(--bg-deep)}.lab-controls{flex-wrap:wrap;align-items:center;gap:20px;margin-bottom:50px;display:flex}.filter-buttons{flex-wrap:wrap;gap:10px;display:flex}.filter-btn{font-family:var(--font-mono);color:var(--text-muted);border:1px solid var(--border-glass);background:#ffffff05;border-radius:50px;padding:8px 20px;font-size:.8rem;transition:all .2s}.filter-btn:hover{color:var(--accent-cyan);border-color:#00f0ff61}.filter-btn.active{color:var(--accent-cyan);border-color:var(--accent-cyan);background:#00f0ff1a}.lab-search-wrap{flex:1;min-width:200px;max-width:320px}.search-input{border:1px solid var(--border-glass);width:100%;color:var(--text-main);font-family:var(--font-sans);background:#ffffff08;border-radius:50px;padding:10px 18px;font-size:.88rem;transition:border-color .3s,background .3s}.search-input:focus{border-color:var(--accent-cyan);background:#00f0ff0a;outline:none}.search-input::placeholder{color:var(--text-muted)}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:36px;display:grid}.no-results{text-align:center;color:var(--text-muted);padding:70px 20px}.no-results p{margin-bottom:24px;font-size:1.05rem}.project-card{border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-glass);transition:transform .4s var(--smooth), border-color .3s, box-shadow .3s;transform-style:preserve-3d;flex-direction:column;display:flex;overflow:hidden}.project-card:hover{border-color:var(--border-glow);box-shadow:0 20px 60px #0006,0 0 30px #00f0ff12}.project-card-preview{border-bottom:1px solid var(--border-glass);background:linear-gradient(135deg,#00f0ff08,#ff005508);justify-content:center;align-items:center;height:200px;display:flex;position:relative;overflow:hidden}.project-card-label{font-family:var(--font-mono);color:#ffffff29;-webkit-user-select:none;user-select:none;z-index:1;font-size:.88rem;position:relative}.project-card-glow{background:linear-gradient(45deg,#0000,#00f0ff0f,#0000);transition:transform .6s;position:absolute;inset:0;transform:translate(-100%)}.project-card--react{border-color:#00f0ff38}.project-card-badge-top{color:var(--accent-cyan);font-family:var(--font-mono);z-index:2;background:#00f0ff1f;border:1px solid #00f0ff59;border-radius:12px;padding:3px 10px;font-size:.72rem;font-weight:600;position:absolute;top:12px;right:14px;box-shadow:0 0 10px #00f0ff33}.tech-badge--react{font-weight:500;color:#fff!important;background:#00f0ff2e!important;border-color:#00f0ff73!important}.project-card-body{flex-direction:column;flex:1;padding:24px;display:flex}.project-card-meta{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:14px;display:flex}.project-card-category{font-family:var(--font-mono);color:var(--accent-magenta);letter-spacing:1px;text-transform:uppercase;font-size:.72rem}.project-tech-badges{flex-wrap:wrap;gap:6px;display:flex}.tech-badge{font-family:var(--font-mono);color:var(--accent-cyan);background:#00f0ff12;border:1px solid #00f0ff2e;border-radius:20px;padding:2px 9px;font-size:.72rem}.tech-badge--more{color:var(--text-muted);border-color:var(--border-glass);background:#ffffff0a}.project-card-title{font-family:var(--font-display);margin-bottom:4px;font-size:1.3rem;font-weight:700}.project-card-tagline{font-family:var(--font-mono);color:var(--accent-magenta);margin-bottom:12px;font-size:.78rem}.project-card-desc{color:var(--text-muted);flex:1;margin-bottom:22px;font-size:.88rem;line-height:1.65}.project-card-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:auto;display:flex}.pcard-btn{font-size:.78rem;font-family:var(--font-mono);border-radius:20px;align-items:center;gap:5px;padding:7px 14px;text-decoration:none;transition:all .2s;display:inline-flex}.pcard-btn--demo{color:var(--accent-cyan);background:#00f0ff1a;border:1px solid #00f0ff47}.pcard-btn--demo:not(.pcard-btn--disabled):hover{background:#00f0ff33;transform:translateY(-2px)}.pcard-btn--github{color:var(--text-muted);border:1px solid var(--border-glass);background:#ffffff0a}.pcard-btn--github:not(.pcard-btn--disabled):hover{color:var(--text-main);border-color:#fff3;transform:translateY(-2px)}.pcard-btn--case{color:var(--accent-magenta);border-bottom:1px solid var(--accent-magenta);border-radius:0;padding:0 0 2px;font-size:.82rem}.pcard-btn--case:hover{color:var(--accent-cyan);border-color:var(--accent-cyan)}.pcard-btn--disabled{opacity:.38;cursor:not-allowed;pointer-events:none}.engineering-section{background:var(--bg-space)}.engineering-steps{flex-direction:column;align-items:center;gap:0;max-width:640px;margin:0 auto;display:flex}.eng-step{flex-direction:column;align-items:center;width:100%;display:flex}.eng-step-num{background:var(--grad-accent);width:50px;height:50px;font-family:var(--font-mono);color:#fff;z-index:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex;box-shadow:0 0 20px #00f0ff47}.eng-connector{flex-direction:column;align-items:center;padding:4px 0;display:flex}.eng-connector-line{background:linear-gradient(#00f0ff66,#ff00554d);width:2px;height:32px}.eng-connector-arrow{color:var(--text-faint);font-size:.85rem}.eng-step-card{width:100%;margin-top:14px;margin-bottom:0;padding:24px 28px;transition:border-color .3s,transform .3s}.eng-step-card:hover{border-color:var(--border-glow);transform:scale(1.01)}.eng-step-title{font-family:var(--font-display);color:var(--accent-cyan);margin-bottom:6px;font-size:1.1rem;font-weight:700}.eng-step-desc{color:var(--text-muted);font-size:.9rem;line-height:1.65}.engineering-note{text-align:center;border:1px solid var(--border-glass);border-radius:var(--radius-md);max-width:640px;font-family:var(--font-mono);color:var(--text-muted);margin:60px auto 0;padding:20px 24px;font-size:.85rem}.arsenal-section{background:var(--bg-deep)}.arsenal-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;display:grid}.arsenal-group{transition:transform .3s var(--smooth), border-color .3s;padding:30px}.arsenal-group:hover{transform:translateY(-6px)}.arsenal-group--primary{background:linear-gradient(135deg,#00f0ff0f,#00f0ff05);border-color:#00f0ff2e;grid-column:1/-1}.arsenal-group--secondary{border-color:#8a2be226}.arsenal-group--tertiary{opacity:.88}.arsenal-group-header{align-items:flex-start;gap:14px;margin-bottom:24px;display:flex}.arsenal-icon{color:var(--accent-cyan);flex-shrink:0;margin-top:2px;font-size:1.4rem}.arsenal-group-title{font-family:var(--font-display);margin-bottom:4px;font-size:1.15rem;font-weight:700}.arsenal-group-note{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.5px;font-size:.72rem}.arsenal-skill-list{flex-direction:column;gap:0;display:flex}.arsenal-group--primary .arsenal-skill-list{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}.arsenal-skill-item{border:1px solid var(--border-glass);border-radius:var(--radius-md);background:#ffffff05;padding:12px 14px;transition:border-color .2s,background .2s}.arsenal-skill-item:hover{border-color:var(--border-glow);background:#00f0ff0a}.arsenal-group--primary .arsenal-skill-item{border-color:#00f0ff1f}.arsenal-group--primary .arsenal-skill-item:hover{border-color:var(--accent-cyan);background:#00f0ff14}.arsenal-skill-name{font-family:var(--font-display);color:var(--text-main);margin-bottom:4px;font-size:.9rem;font-weight:600}.arsenal-skill-label{color:var(--text-muted);font-size:.78rem;line-height:1.4}.learning-section{background:var(--bg-space)}.learning-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;margin-bottom:50px;display:grid}.learning-card{transition:transform .3s var(--smooth), border-color .3s;padding:28px;position:relative}.learning-card:hover{border-color:var(--border-glow);transform:translateY(-5px)}.learning-status-dot{background:var(--accent-cyan);width:8px;height:8px;box-shadow:0 0 8px var(--accent-cyan);border-radius:50%;margin-bottom:18px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 8px var(--accent-cyan)}50%{opacity:.5;box-shadow:0 0 18px var(--accent-cyan)}}.learning-area{font-family:var(--font-display);color:var(--accent-cyan);margin-bottom:14px;font-size:1.1rem;font-weight:700}.learning-items{flex-direction:column;gap:10px;display:flex}.learning-item{color:var(--text-muted);align-items:flex-start;gap:10px;font-size:.88rem;line-height:1.5;display:flex}.learning-arrow{color:var(--accent-magenta);flex-shrink:0;margin-top:2px;font-size:.85rem}.learning-direction{border:1px solid var(--border-glass);border-radius:var(--radius-md);flex-wrap:wrap;align-items:flex-start;gap:20px;padding:24px 28px;display:flex}.learning-direction-label{font-family:var(--font-mono);color:var(--accent-magenta);text-transform:uppercase;letter-spacing:1px;white-space:nowrap;margin-top:2px;font-size:.75rem}.learning-direction-text{color:var(--text-muted);flex:1;font-size:.95rem;line-height:1.65}.story-section{background:var(--bg-deep)}.story-grid{grid-template-columns:1fr 1.2fr;align-items:start;gap:70px;display:grid}.story-visual-inner{padding:32px}.story-code-block{font-family:var(--font-mono);margin-bottom:28px;font-size:.82rem;line-height:1.9}.code-line{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.code-indent{padding-left:20px}.code-keyword{color:#c792ea}.code-var{color:var(--text-main)}.code-op{color:var(--text-muted)}.code-prop{color:#80cbc4}.code-string{color:#c3e88d}.code-arr{color:#f78c6c}.code-bool{color:var(--accent-cyan)}.code-brace{color:var(--text-muted)}.story-stats{border-top:1px solid var(--border-glass);flex-wrap:wrap;gap:24px;padding-top:24px;display:flex}.story-stat{flex-direction:column;flex:1;align-items:center;gap:4px;display:flex}.story-stat-num{font-family:var(--font-display);background:var(--grad-accent);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800}.story-stat-label{font-family:var(--font-mono);color:var(--text-muted);text-align:center;font-size:.7rem}.story-para{color:var(--text-muted);margin-bottom:18px;font-size:1.02rem;line-height:1.8}.story-seeking{border:1px solid var(--border-glow);border-radius:var(--radius-md);background:#00f0ff08;margin:28px 0;padding:18px 22px}.story-seeking-label{font-family:var(--font-mono);color:var(--accent-cyan);letter-spacing:1px;text-transform:uppercase;margin-bottom:6px;font-size:.72rem;display:block}.story-seeking-text{color:var(--text-muted);font-size:.9rem}.story-ctas{flex-wrap:wrap;gap:14px;display:flex}.contact-section{background:var(--bg-space)}.contact-header{margin-bottom:40px}.contact-intro{color:var(--text-muted);max-width:580px;margin:16px auto 0;font-size:1.05rem;line-height:1.75}.contact-highlight{color:var(--accent-cyan)}.contact-channels{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:32px;display:flex}.channel-btn{font-family:var(--font-mono);border-radius:50px;align-items:center;gap:8px;padding:12px 24px;font-size:.85rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.channel-btn--email{color:var(--accent-cyan);background:#00f0ff14;border:1px solid #00f0ff47}.channel-btn--github{color:var(--text-muted);border:1px solid var(--border-glass);background:#ffffff0d}.channel-btn--linkedin{color:#c084fc;background:#8a2be214;border:1px solid #8a2be247}.channel-btn:hover{filter:brightness(1.15);transform:translateY(-3px)}.contact-divider{color:var(--text-muted);font-family:var(--font-mono);align-items:center;gap:20px;margin:40px 0;font-size:.78rem;display:flex}.contact-divider:before,.contact-divider:after{content:"";background:var(--border-glass);flex:1;height:1px}.contact-grid{grid-template-columns:1fr 1.4fr;align-items:start;gap:50px;display:grid}.contact-details{font-family:var(--font-mono);flex-direction:column;gap:18px;padding-top:10px;display:flex}.contact-detail-item{flex-direction:column;gap:4px;display:flex}.contact-detail-label{color:var(--accent-magenta);font-size:.78rem}.contact-detail-value{color:var(--accent-cyan);font-size:.9rem;transition:color .3s}.contact-detail-value:hover{color:var(--text-main)}.contact-status-live{padding-left:14px;position:relative}.contact-status-live:before{content:"";background:#00f064;border-radius:50%;width:7px;height:7px;animation:2s infinite pulse;position:absolute;top:50%;left:0;transform:translateY(-50%)}.contact-form-wrap{padding:36px}.contact-form{flex-direction:column;gap:20px;display:flex}.form-disclaimer{font-family:var(--font-mono);color:var(--text-muted);border-radius:var(--radius-sm);background:#ffb4000d;border:1px solid #ffb4002e;padding:10px 14px;font-size:.75rem}.form-label{font-family:var(--font-mono);color:var(--text-muted);margin-bottom:6px;font-size:.78rem;display:block}.form-group{flex-direction:column;display:flex}.form-input{border:1px solid var(--border-glass);border-radius:var(--radius-md);width:100%;color:var(--text-main);font-family:var(--font-sans);resize:vertical;background:#ffffff08;padding:13px 18px;font-size:.93rem;transition:border-color .3s,background .3s}.form-input:focus{border-color:var(--accent-cyan);background:#00f0ff0a;outline:none}.form-input::placeholder{color:var(--text-muted)}.input-error{border-color:var(--accent-magenta)!important}.error-msg{font-family:var(--font-mono);color:var(--accent-magenta);margin-top:4px;font-size:.76rem}.form-success{border-radius:var(--radius-md);font-family:var(--font-mono);color:#00f064;text-align:center;background:#00f0641a;border:1px solid #00f06447;padding:14px 18px;font-size:.83rem}.footer{border-top:1px solid var(--border-glass);color:var(--text-muted);padding:50px 0}.footer-inner{text-align:center;flex-direction:column;align-items:center;gap:16px;display:flex}.footer-logo{font-family:var(--font-display);font-size:1.8rem;font-weight:800;display:block}.footer-tagline{font-family:var(--font-mono);color:var(--text-muted);font-size:.78rem}.footer-links{flex-wrap:wrap;justify-content:center;gap:28px;display:flex}.footer-link{font-family:var(--font-mono);color:var(--text-muted);font-size:.83rem;transition:color .3s,transform .3s;display:inline-block}.footer-link:hover{color:var(--accent-cyan);transform:translateY(-2px)}.footer-copy{font-size:.78rem}.case-study-page{padding-top:calc(var(--nav-height) + 60px);min-height:100vh;padding-bottom:100px}.back-link{font-family:var(--font-mono);color:var(--text-muted);align-items:center;gap:8px;margin-bottom:60px;font-size:.88rem;transition:color .3s;display:inline-flex}.back-link:hover{color:var(--accent-cyan)}.cs-header{margin-bottom:70px}.cs-meta{margin-bottom:16px}.cs-category-badge{font-family:var(--font-mono);color:var(--accent-magenta);letter-spacing:1.5px;text-transform:uppercase;font-size:.75rem}.cs-title{font-family:var(--font-display);margin-bottom:8px;font-size:clamp(2.2rem,5vw,4rem);font-weight:800;line-height:1.1}.cs-tagline{font-family:var(--font-mono);color:var(--accent-cyan);margin-bottom:24px;font-size:.9rem}.cs-tech-row{flex-wrap:wrap;gap:12px;margin-bottom:36px;display:flex}.cs-ctas{flex-wrap:wrap;gap:14px;display:flex}.cs-section{margin-bottom:70px}.cs-section-title{font-family:var(--font-display);margin-bottom:24px;font-size:1.6rem;font-weight:700}.cs-section-note{color:var(--text-muted);margin-bottom:24px;font-size:.9rem}.cs-body-text{color:var(--text-muted);max-width:780px;font-size:1.02rem;line-height:1.8}.cs-callout{align-items:flex-start;gap:18px;padding:28px;display:flex}.cs-callout--problem{background:#ffb4000a;border-color:#ffb40033}.cs-callout--solution{background:#00f0640a;border-color:#00f06433}.cs-callout-icon{flex-shrink:0;font-size:1.4rem}.cs-callout p{color:var(--text-muted);font-size:1rem;line-height:1.8}.cs-arch-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.cs-arch-layer{border-radius:var(--radius-md);padding:24px}.cs-arch--frontend{background:#00f0ff0f;border:1px solid #00f0ff33}.cs-arch--backend{background:#8a2be20f;border:1px solid #8a2be238}.cs-arch--database{background:#ff00550d;border:1px solid #f053}.cs-arch--external{border:1px solid var(--border-glass);background:#ffffff08}.cs-arch-layer-title{font-family:var(--font-mono);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:16px;font-size:.75rem;font-weight:600}.cs-arch--frontend .cs-arch-layer-title{color:var(--accent-cyan)}.cs-arch--backend .cs-arch-layer-title{color:#c084fc}.cs-arch--database .cs-arch-layer-title{color:var(--accent-magenta)}.cs-arch--external .cs-arch-layer-title{color:var(--text-muted)}.cs-arch-layer-list{flex-direction:column;gap:10px;display:flex}.cs-arch-item{color:var(--text-muted);align-items:flex-start;gap:10px;font-size:.88rem;line-height:1.5;display:flex}.cs-arch-dot{color:var(--accent-cyan);flex-shrink:0;margin-top:2px;font-size:.8rem}.cs-features-list{flex-direction:column;gap:14px;display:flex}.cs-feature-item{color:var(--text-muted);align-items:flex-start;gap:14px;font-size:1rem;line-height:1.65;display:flex}.cs-feature-dot{color:var(--accent-cyan);flex-shrink:0;margin-top:3px;font-size:.85rem}.cs-challenges-list{flex-direction:column;gap:20px;display:flex}.cs-challenge-card{padding:28px}.cs-challenge-header{align-items:flex-start;gap:14px;margin-bottom:18px;display:flex}.cs-challenge-icon{flex-shrink:0;margin-top:2px;font-size:1.2rem}.cs-challenge-title{font-family:var(--font-display);font-size:1.05rem;font-weight:700;line-height:1.35}.cs-challenge-solution{border-top:1px solid var(--border-glass);padding-top:18px}.cs-solution-label{font-family:var(--font-mono);color:var(--accent-cyan);letter-spacing:1px;text-transform:uppercase;margin-bottom:8px;font-size:.72rem;display:block}.cs-challenge-solution p{color:var(--text-muted);font-size:.92rem;line-height:1.7}.cs-screenshots-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.cs-screenshot{border-radius:var(--radius-md);border:1px solid var(--border-glass);transition:transform .3s}.cs-screenshot:hover{transform:scale(1.02)}.cs-screenshots-placeholder{text-align:center;padding:50px 40px}.cs-screenshots-placeholder p{color:var(--text-muted);margin-bottom:10px;font-size:.95rem}.demo-creds{padding:32px}.demo-creds-warning{font-family:var(--font-mono);color:var(--text-muted);border-radius:var(--radius-sm);background:#ffb4000f;border:1px solid #ffb40033;margin-bottom:24px;padding:12px 18px;font-size:.83rem}.cred-row{border-bottom:1px solid var(--border-glass);flex-wrap:wrap;align-items:center;gap:16px;padding:16px 0;display:flex}.cred-row:last-child{border-bottom:none}.cred-label{font-family:var(--font-mono);color:var(--text-muted);min-width:80px;font-size:.83rem}.cred-value{font-family:var(--font-mono);color:var(--accent-cyan);flex:1;font-size:.9rem}.copy-btn{font-family:var(--font-mono);color:var(--accent-cyan);background:#00f0ff14;border:1px solid #00f0ff40;border-radius:20px;padding:6px 14px;font-size:.76rem;transition:background .2s}.copy-btn:hover{background:#00f0ff2e}.cs-learned-list{flex-direction:column;gap:20px;display:flex}.cs-learned-item{align-items:flex-start;gap:20px;display:flex}.cs-learned-num{font-family:var(--font-mono);color:var(--accent-magenta);letter-spacing:1px;flex-shrink:0;margin-top:3px;font-size:.75rem}.cs-learned-item p{color:var(--text-muted);font-size:1rem;line-height:1.7}.tech-badge-lg{font-family:var(--font-mono);color:var(--accent-cyan);background:#00f0ff12;border:1px solid #00f0ff38;border-radius:22px;padding:7px 18px;font-size:.85rem}.projects-page{padding-top:calc(var(--nav-height) + 80px);min-height:100vh;padding-bottom:100px}.projects-page-header{margin-bottom:60px}.reveal-up{opacity:0;transition:opacity .8s var(--smooth), transform .8s var(--smooth);transform:translateY(38px)}.reveal-left{opacity:0;transition:opacity .8s var(--smooth), transform .8s var(--smooth);transform:translate(-38px)}.reveal-scale{opacity:0;transition:opacity .8s var(--smooth), transform .8s var(--smooth);transform:scale(.92)}.reveal-fade{opacity:0;transition:opacity .8s var(--smooth)}.revealed{opacity:1!important;transform:translate(0)scale(1)!important}.hover-lift{transition:transform .3s var(--spring), color .3s;display:inline-block}.hover-lift:hover{color:var(--accent-cyan);transform:translateY(-4px)}.floating-element{animation:6s ease-in-out infinite floatAnim}@keyframes floatAnim{0%{transform:translateY(0)}50%{transform:translateY(-14px)}to{transform:translateY(0)}}.glitch-hover:hover{animation:.2s cubic-bezier(.25,.46,.45,.94) infinite both textGlitch}@keyframes textGlitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (width<=1024px){.featured-card{grid-template-columns:1fr}.featured-preview{aspect-ratio:16/6}.featured-content{padding:36px}.dev-snapshot-grid{grid-template-columns:repeat(2,1fr)}.story-grid{grid-template-columns:1fr;gap:48px}.contact-grid{grid-template-columns:1fr;gap:40px}.arsenal-group--primary{grid-column:auto}}@media (width<=768px){.nav-links,.nav-resume-btn{display:none}.hamburger{display:flex}.section{padding:70px 0}.dev-snapshot-section{padding:50px 0}.hero-title{font-size:clamp(2.6rem,10vw,3.8rem)}.hero-actions{flex-direction:column}.hero-actions .btn{justify-content:center;width:100%}.hero-scroll-indicator{display:none}.dev-snapshot-grid{grid-template-columns:1fr;gap:14px}.featured-content{padding:28px 22px}.featured-ctas{flex-direction:column}.lab-controls{flex-direction:column;align-items:flex-start}.lab-search-wrap{width:100%;max-width:100%}.projects-grid{grid-template-columns:1fr}.engineering-steps{padding:0 10px}.arsenal-grid,.learning-grid,.cs-arch-grid{grid-template-columns:1fr}.cs-ctas{flex-direction:column}.contact-channels{flex-direction:column;align-items:center}.channel-btn{justify-content:center;width:100%;max-width:280px}.contact-form-wrap{padding:24px 18px}}@media (width<=480px){.container{padding:0 18px}.section-title{font-size:2rem}.hero-greeting{font-size:.82rem}.filter-btn{padding:6px 14px;font-size:.76rem}.featured-card{border-radius:var(--radius-md)}.snapshot-card{padding:22px 18px}.story-stats{gap:12px}}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:#00f0ff47;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent-cyan)}::selection{color:var(--text-main);background:#00f0ff2e}.ucdas-modal-overlay{-webkit-backdrop-filter:blur(10px);z-index:999999;background:#030712d1;justify-content:center;align-items:center;padding:1.25rem;animation:.2s cubic-bezier(.16,1,.3,1) forwards ucdasFadeIn;display:flex;position:fixed;inset:0}@keyframes ucdasFadeIn{0%{opacity:0}to{opacity:1}}.ucdas-modal{animation:.25s cubic-bezier(.16,1,.3,1) forwards ucdasModalPop;opacity:1!important;transform:none!important}@keyframes ucdasModalPop{0%{opacity:0;transform:scale(.92)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.cs-modal-overlay{-webkit-backdrop-filter:blur(12px);z-index:9999999;background:#030712db;justify-content:center;align-items:center;padding:1.5rem;animation:.25s cubic-bezier(.16,1,.3,1) forwards csModalFadeIn;display:flex;position:fixed;inset:0}@keyframes csModalFadeIn{0%{opacity:0}to{opacity:1}}.cs-modal-container{background:#0b0f19f7;border:1px solid #00f0ff40;border-radius:18px;flex-direction:column;width:100%;max-width:960px;max-height:90vh;animation:.28s cubic-bezier(.16,1,.3,1) forwards csModalPop;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 70px #000000e6,0 0 40px #00f0ff26}@keyframes csModalPop{0%{opacity:0;transform:scale(.94)translateY(16px)}to{opacity:1;transform:scale(1)translateY(0)}}.cs-modal-header{background:#ffffff05;border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:flex-start;padding:1.75rem 2rem 1.25rem;display:flex}.cs-modal-header-info{flex:1;min-width:0}.cs-modal-badges{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:8px;display:flex}.cs-story-badge{font-family:var(--font-mono);color:#c084fc;letter-spacing:.5px;text-transform:uppercase;background:#8a2be22e;border:1px solid #8a2be259;border-radius:12px;padding:3px 10px;font-size:.72rem;font-weight:600}.cs-modal-title{font-family:var(--font-display);color:#f8fafc;margin:0 0 6px;font-size:clamp(1.4rem,2.8vw,2.2rem);font-weight:800;line-height:1.2}.cs-modal-tagline{font-family:var(--font-mono);color:var(--accent-cyan);margin:0;font-size:.88rem}.cs-modal-close-btn{color:#94a3b8;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;margin-left:14px;font-size:1.1rem;transition:all .22s cubic-bezier(.16,1,.3,1);display:flex}.cs-modal-close-btn:hover{color:#f05;background:#ff005540;border-color:#f059;transform:rotate(90deg)scale(1.08)}.cs-modal-actions-bar{background:#00000040;border-bottom:1px solid #ffffff0f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:.85rem 2rem;display:flex}.cs-modal-tech-list{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tech-badge-sm{font-family:var(--font-mono);color:var(--accent-cyan);background:#00f0ff14;border:1px solid #00f0ff38;border-radius:12px;padding:3px 10px;font-size:.74rem}.cs-modal-ctas{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.cs-modal-body{scrollbar-width:thin;scrollbar-color:var(--accent-cyan) #ffffff0d;flex-direction:column;flex:1;gap:2.2rem;padding:2rem;display:flex;overflow-y:auto}.cs-modal-body::-webkit-scrollbar{width:6px}.cs-modal-body::-webkit-scrollbar-track{background:#ffffff05}.cs-modal-body::-webkit-scrollbar-thumb{background:#00f0ff4d;border-radius:4px}.cs-modal-body::-webkit-scrollbar-thumb:hover{background:var(--accent-cyan)}.cs-modal-section{flex-direction:column;display:flex}.cs-modal-section-title{font-family:var(--font-display);margin-bottom:.85rem;font-size:1.25rem;font-weight:700}.cs-modal-narrative{background:#ffffff05;border:1px solid #ffffff14;border-radius:12px;padding:20px 24px}.cs-modal-narrative p{color:var(--text-muted);margin:0;font-size:.98rem;line-height:1.8}.cs-callout-heading{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1px;color:#f8fafc;margin-bottom:6px;font-size:.78rem;display:block}.cs-modal-footer{background:#ffffff05;border-top:1px solid #ffffff12;justify-content:space-between;align-items:center;padding:1.1rem 2rem;display:flex}.cs-modal-loading{color:var(--text-muted);font-family:var(--font-mono);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:4.5rem 1rem;font-size:.9rem;display:flex}.cs-modal-spinner{border:3px solid #00f0ff33;border-top-color:var(--accent-cyan);border-radius:50%;width:34px;height:34px;animation:.75s linear infinite csModalSpin}@keyframes csModalSpin{to{transform:rotate(360deg)}}@media (width<=768px){.cs-modal-overlay{padding:.75rem}.cs-modal-header{padding:1.25rem 1.25rem 1rem}.cs-modal-actions-bar{padding:.75rem 1.25rem}.cs-modal-body{gap:1.75rem;padding:1.25rem}.cs-modal-footer{padding:1rem 1.25rem}}.hero-content { max-width: 1000px !important; }
.hero-content { 
  max-width: 1050px !important; 
}

.hero-title { 
  font-size: clamp(2rem, 5.5vw, 4.8rem) !important; 
}

.hero-name { 
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: baseline !important;
  white-space: nowrap !important;
}