:root{font-family:Trebuchet MS,Verdana,system-ui,-apple-system,sans-serif;color:#ece8ff;background:#0f1020}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px) 0 0 / 16px 16px,linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px) 0 0 / 16px 16px,linear-gradient(180deg,#121226,#1b1938 55%,#15142b);animation:bgShift 12s ease-in-out infinite alternate}.app-shell{max-width:1080px;margin:0 auto;padding:20px}.hero{position:relative;overflow:hidden;border:3px solid #7f76ff;background:linear-gradient(145deg,#1c1a3a,#2b2248 60%,#263b45);padding:24px;box-shadow:8px 8px #0c0d1d}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(180deg,rgba(255,255,255,.03) 0,rgba(255,255,255,.03) 2px,transparent 2px,transparent 4px)}.hero-grid{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(255,255,255,.09) 1px,transparent 1px) 0 0 / 12px 12px,linear-gradient(rgba(255,255,255,.09) 1px,transparent 1px) 0 0 / 12px 12px;pointer-events:none}.hero h1,.hero p,.hero a{position:relative;margin:0}.hero-kicker{font-size:12px;text-transform:uppercase;margin-bottom:6px!important;color:#b5b0ff}.hero h1{font-size:clamp(32px,6vw,58px)}.retro-title{letter-spacing:0;color:#f7f4ff;text-shadow:2px 2px 0 #4e47aa,4px 4px 0 #0c0d1d}.hero-sub{max-width:620px;margin-top:8px!important;color:#d4ceff}.social-row{display:flex;gap:10px;margin-top:14px}.retro-link{text-decoration:none;color:#f0ecff;border:2px solid #7f76ff;background:#252046}.retro-link.icon{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center}.tabs{margin-top:16px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.tab{border:2px solid #5f56d8;background:#211d3f;color:#ece8ff;padding:10px 8px;font-weight:700;cursor:pointer}.tab.active{background:#3a3270}.surface{margin-top:16px;border:3px solid #5f56d8;background:#15122aeb;box-shadow:8px 8px #0c0d1d}.section{padding:20px}.section h2{margin-top:0}.main-section{overflow:hidden}.main-intro{display:block}.main-intro h2{font-size:34px;margin-bottom:12px;text-shadow:2px 2px 0 #3f397d}.mail-cta{width:max-content;display:inline-flex;align-items:center;gap:8px;border:2px solid #20c997;background:#12342f;color:#d6fff1;padding:9px 12px;text-decoration:none;font-weight:700;box-shadow:4px 4px #0c0d1d}.flappy-game{position:relative;display:block;margin-top:14px;min-height:230px;border:2px solid #20c997;background:linear-gradient(90deg,rgba(32,201,151,.12) 1px,transparent 1px) 0 0 / 18px 18px,linear-gradient(rgba(32,201,151,.12) 1px,transparent 1px) 0 0 / 18px 18px,#101b2d;color:#d6fff1;overflow:hidden;padding:0;text-align:left}.game-hud{position:absolute;left:14px;top:12px;z-index:3;font-size:14px;color:#d6fff1}.bird{position:absolute;left:22%;width:26px;height:26px;background:#ffcb6b;border:2px solid #0c0d1d;box-shadow:11px 5px #ff6b9a,-5px 9px #ffe66d;transform:translateY(-50%);z-index:2}.pipe{position:absolute;width:40px;background:#20c997;border:2px solid #0c0d1d;box-shadow:inset 0 0 0 4px #ffffff1f}.pipe-top{top:0}.pipe-bottom{bottom:0;height:100%}.game-ground{position:absolute;left:0;right:0;bottom:0;height:16px;background:repeating-linear-gradient(90deg,#2d2860 0,#2d2860 12px,#211d49 12px,#211d49 24px)}.game-prompt{position:absolute;left:50%;top:56%;transform:translate(-50%,-50%);z-index:4;background:#0d0c1bd1;border:1px solid #20c997;padding:5px 8px;font-size:14px;white-space:nowrap}.mail-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#05050cb8;z-index:20;padding:20px}.mail-dialog-backdrop[hidden]{display:none}.mail-dialog{width:min(520px,100%);border:3px solid #20c997;background:#121d2e;padding:16px;box-shadow:8px 8px #0c0d1d}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.dialog-head h3{margin:0}.dialog-head button{width:42px}.file-field{display:grid;gap:6px;border:2px dashed #5f56d8;padding:10px;color:#d6fff1}.file-field input{border:0;padding:0}.attachment-note{margin:0;color:#c2bdf0;font-size:13px}.pixel-scene{position:relative;overflow:hidden;margin-top:14px;height:130px;border:2px solid #5f56d8;background:linear-gradient(#22345d 0,#22345d 60%,#214438 60%),repeating-linear-gradient(90deg,#ffffff1c 0,#ffffff1c 10px,#00000038 10px,#00000038 20px);image-rendering:pixelated}.city-block{position:absolute;bottom:0;width:42px;background:#101b2d;border:2px solid #20c997;animation:cityPulse 2s steps(2) infinite}.block-one{left:12%;height:54px}.block-two{left:23%;height:82px;animation-delay:.3s}.block-three{right:18%;height:68px;animation-delay:.6s}.stats{margin-top:14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.stats article{border:2px solid #5f56d8;padding:10px;background:#1f1b3f}.stats span{display:block;font-size:12px;opacity:.9;color:#b9b5eb}.portfolio-list,.blog-list,.comment-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.retro-card{border:2px solid #5f56d8;background:#171430;padding:14px}.blog-card{cursor:pointer;min-height:205px;display:flex;flex-direction:column;background:linear-gradient(180deg,#171430,#111c2d);transition:transform .15s ease,border-color .15s ease}.blog-card:hover{transform:translate(-2px,-2px);border-color:#20c997}.blog-card p{flex:1;font-family:Arial,Helvetica,sans-serif;line-height:1.55}.blog-card-top{display:flex;justify-content:space-between;gap:10px;color:#c2bdf0}.blog-card-top span{color:#d6fff1}.retro-card h3,.retro-card h4{margin:8px 0}.retro-card span{font-size:12px}.filters{display:grid;grid-template-columns:2fr 1fr 1fr;gap:10px;margin-bottom:12px}input,select,textarea,button{width:100%;border:2px solid #5f56d8;padding:10px;font:inherit;background:#15122a;color:#ece8ff}button{cursor:pointer}.chip-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.chip{padding:4px 8px;border:1px solid #8d85ff;font-size:12px;background:#2d2860}.chip.ghost{background:#211d49}.panel-form,.comment-form{margin-top:12px;display:grid;gap:10px}.panel-form>button,.comment-form>button,.admin-btn,.back-btn,.secondary-btn{width:auto;background:#352d72;color:#f2efff;font-weight:700}.danger-btn{width:auto;background:#4b1630;border-color:#ff6b9a;color:#ffe6ef}.editor-shell{border:2px solid #5f56d8;background:#15122a}.editor-toolbar{display:flex;flex-wrap:wrap;gap:8px;padding:8px;border-bottom:2px solid #5f56d8;background:#211d49}.editor-toolbar button{width:auto}.editor-toolbar select{width:auto;min-width:92px;padding:8px}.toolbar-color{width:42px;height:38px;padding:4px}.editor-content{padding:10px}.editor-content .ProseMirror{min-height:180px;outline:none}.editor-content code{background:#2d2860;padding:2px 5px}.editor-content pre,.post-content pre{background:#0d0c1b;color:#ece8ff;padding:10px;overflow:auto}.editor-content img,.post-content img{max-width:100%;border:2px solid #5f56d8}.post-page h2{margin-bottom:8px}.post-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 96px;gap:14px;border:2px solid #20c997;background:linear-gradient(135deg,#151430,#102132);padding:16px;margin-bottom:16px}.post-hero p{margin-bottom:0;color:#c2bdf0}.post-terminal{display:grid;align-content:center;gap:9px;border:2px solid #5f56d8;padding:12px;background:#0d0c1b}.post-terminal span{display:block;height:9px;background:#20c997;box-shadow:18px 0 #5f56d8}.post-hero .chip-row{grid-column:1 / -1}.post-content{margin-top:12px;line-height:1.7;font-family:Arial,Helvetica,sans-serif;font-size:17px;border:2px solid #3f397d;background:#101326;padding:16px}.post-content a{color:#9c93ff}.post-content ul,.post-content ol{padding-left:24px}.comments-section{margin-top:20px;border-top:2px dashed #4d47a6;padding-top:16px}.comment-meta{display:flex;justify-content:space-between;gap:10px;font-size:13px;color:#c2bdf0}.admin-row{margin-top:12px;display:flex;gap:8px;max-width:360px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.error-text{color:#ff8fb0}.latest-posts{margin-top:20px}.blog-page{font-family:Arial,Helvetica,sans-serif;background:linear-gradient(90deg,rgba(32,201,151,.06) 1px,transparent 1px) 0 0 / 20px 20px,transparent}.blog-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:14px;border-bottom:2px solid #4d47a6;padding-bottom:12px}.blog-head h2{margin-bottom:0}.blog-head>span{color:#d6fff1}.blog-filters{border:2px solid #3f397d;background:#101326;padding:10px}.about-page{scroll-behavior:smooth}.about-page-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:end;margin-bottom:18px;border-bottom:2px solid #4d47a6;padding-bottom:14px}.eyebrow{margin:0 0 4px;color:#20c997;font-size:12px;text-transform:uppercase}.section-nav{display:flex;flex-wrap:wrap;gap:8px}.section-nav a{border:2px solid #5f56d8;background:#211d49;color:#ece8ff;padding:8px 10px;text-decoration:none;font-weight:700}.portfolio-about{margin-bottom:22px;padding:18px;border:2px solid #20c997;background:linear-gradient(135deg,#151430,#14202d)}.portfolio-about p{margin:0 0 10px;line-height:1.6}.experience-section{margin-bottom:22px}.experience-timeline{position:relative;display:grid;gap:0;padding-left:26px}.experience-timeline:before{content:"";position:absolute;left:8px;top:4px;bottom:4px;width:2px;background:#20c997}.experience-item{position:relative;padding:0 0 22px 18px}.timeline-dot{position:absolute;left:-24px;top:4px;width:14px;height:14px;border:2px solid #20c997;background:#15122a;box-shadow:0 0 0 4px #121d2e}.timeline-content{border-left:2px solid #5f56d8;padding-left:14px}.timeline-content h4{margin:0 0 10px;color:#d6fff1}.timeline-content ul{margin:0;padding-left:18px}.timeline-content li{margin-bottom:8px}.tech-stack-section{margin-bottom:22px}.tech-stack-grid{display:grid;gap:4px;border-top:2px solid #4d47a6;border-bottom:2px solid #4d47a6}.tech-card{display:grid;grid-template-columns:210px minmax(0,1fr);gap:16px;align-items:start;padding:14px 0;border-bottom:1px solid rgba(95,86,216,.45)}.tech-card h4{margin:0;color:#d6fff1}.tech-chip-row{display:flex;flex-wrap:wrap;gap:7px}.tech-chip-row span{border:0;border-bottom:1px solid #20c997;background:transparent;color:#d6fff1;padding:3px 0;font-size:13px}.admin-posts{margin-top:22px;border-top:2px dashed #4d47a6;padding-top:16px}.admin-search{margin-bottom:12px}.admin-post-list{display:grid;gap:10px}.admin-post-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;border:2px solid #3f397d;background:#101326;padding:12px}.admin-post-row span{display:block;margin-top:4px;color:#c2bdf0;font-size:13px}.admin-post-actions{display:flex;gap:8px}.admin-post-actions button{width:auto}.portfolio-work{margin-top:4px}.work-card{min-height:172px;background:linear-gradient(180deg,#171430,#101b2d)}.work-card h4{margin:12px 0 8px}.work-tag{display:inline-block;color:#d6fff1;border:1px solid #20c997;padding:4px 6px}@keyframes bgShift{0%{filter:saturate(.95)}to{filter:saturate(1.1)}}@keyframes cityPulse{50%{filter:brightness(1.35)}}@media (max-width: 780px){.tabs{grid-template-columns:1fr 1fr 1fr}.filters,.stats,.about-page-head,.post-hero{grid-template-columns:1fr}.section-nav{display:grid;grid-template-columns:1fr}.tech-card,.admin-post-row{grid-template-columns:1fr}.admin-post-actions{display:grid}}