html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0}:root{color:#edf4ff;scroll-behavior:smooth;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg:#07111f;--bg-soft:#0a1424bd;--panel:#0d192cd6;--panel-border:#82b4ff24;--panel-hover:#14243aeb;--text:#edf4ff;--muted:#a9bbd3;--soft:#d7e4f5;--cyan:#68e1fd;--blue:#75a7ff;--accent-gradient:linear-gradient(135deg, #7dc7ff 0%, #68e1fd 45%, #8ca0ff 100%);--shadow:0 10px 40px #00000047;background-color:#07111f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;color:var(--text);background:radial-gradient(circle at 0 0,#5c92ff1f,#0000 28%),radial-gradient(circle at 85% 18%,#50eeff1a,#0000 24%),linear-gradient(#07111f 0%,#08131f 48%,#050c16 100%);margin:0}body{overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}.app-shell{position:relative}.bg-grid{pointer-events:none;opacity:.35;background-image:linear-gradient(#ffffff07 1px,#0000 1px),linear-gradient(90deg,#ffffff07 1px,#0000 1px);background-size:32px 32px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle,#000 35%,#0000 92%);mask-image:radial-gradient(circle,#000 35%,#0000 92%)}.bg-orb{z-index:0;filter:blur(86px);pointer-events:none;opacity:.28;border-radius:999px;position:fixed}.bg-orb-1{background:#5590ff2e;width:320px;height:320px;top:80px;left:-70px}.bg-orb-2{background:#4deeff1f;width:280px;height:280px;bottom:100px;right:-40px}.header,.section,.hero,.app{z-index:1;position:relative}.header{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#07111fe6 0%,#07111f94 100%);border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;gap:24px;padding:14px 48px 18px;display:flex;position:sticky;top:0}.brand{letter-spacing:.08em;text-transform:lowercase;color:#f6fbff;font-size:1.06rem;font-weight:800}.nav{flex-wrap:wrap;gap:18px;display:flex}.nav a{color:var(--muted);font-size:.95rem;transition:color .2s,transform .2s}.nav a:hover{color:var(--text);transform:translateY(-1px)}.app{width:100%;max-width:1720px;margin:0 auto;padding:20px 48px 100px;position:relative}.section{padding-top:76px}.hero{grid-template-columns:1.35fr .65fr;align-items:center;gap:48px;min-height:calc(100vh - 92px);padding-top:18px;display:grid}.eyebrow,.section-kicker,.project-badge,.contact-label,.info-label{letter-spacing:.1em;text-transform:uppercase;color:#8dc7ff;font-size:.78rem}.hero h1{letter-spacing:-.055em;margin:14px 0 0;font-size:clamp(3.2rem,8vw,6.8rem);line-height:.96}.hero-accent{letter-spacing:-.02em;color:#0000;background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;margin-top:14px;font-size:clamp(1.08rem,2vw,1.65rem);line-height:1.24;display:block}.hero-description{max-width:840px;color:var(--muted);margin:24px 0 0;font-size:1.12rem}.hero-meta{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.hero-meta span{color:#dbe8f8;background:#ffffff05;border:1px solid #7db2ff29;border-radius:999px;padding:10px 14px;font-size:.92rem}.hero-actions,.heading-actions,.editor-actions,.post-view-actions{flex-wrap:wrap;gap:12px;display:flex}.hero-actions{margin-top:32px}.btn,.mini-btn{border:0;border-radius:16px;justify-content:center;align-items:center;transition:transform .2s,box-shadow .2s,border-color .2s,background .2s;display:inline-flex}.btn:hover,.mini-btn:hover{transform:translateY(-2px)}.btn{min-width:148px;padding:14px 20px;font-weight:700}.btn.compact{min-width:0;padding:12px 16px}.btn-primary{background:var(--accent-gradient);color:#03111d;box-shadow:0 10px 30px #65bbff2e}.btn-secondary,.mini-btn{color:var(--text);background:#ffffff08;border:1px solid #88adff2e}.btn-ghost{color:var(--soft);background:0 0;border:1px dashed #88adff2e}.mini-btn{border-radius:12px;padding:10px 14px}.mini-btn.danger{color:#ffd2d2;border-color:#ff757538}.card{background:var(--panel);border:1px solid var(--panel-border);box-shadow:var(--shadow);border-radius:26px}.glass{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.subtle-card{background:#ffffff08;padding:18px 20px}.hero-panel,.about-card,.quote-card,.project-card,.blog-list,.blog-view,.editor-panel,.focus-card,.skill-card,.contact-card{padding:30px}.status-line{color:#d9e8ff;align-items:center;gap:10px;margin-bottom:22px;display:flex}.status-dot{background:#6cf0ff;border-radius:999px;width:10px;height:10px;box-shadow:0 0 18px #6cf0ff99}.info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.info-item,.project-block{background:#ffffff08;border:1px solid #89b3ff1a;border-radius:18px;padding:18px}.info-item h3,.project-block h4,.contact-card h3,.post-view-top h3,.focus-card h3,.skill-card h3{color:#f3f8ff;margin:10px 0 0}.project-block h4{letter-spacing:.08em;text-transform:uppercase;color:#8dc7ff;margin-top:0;font-size:.92rem}.section-heading{max-width:860px;margin-bottom:24px}.section-heading-row{justify-content:space-between;align-items:end;gap:18px;max-width:none;display:flex}.section-heading h2{letter-spacing:-.03em;margin:10px 0 0;font-size:clamp(1.9rem,4vw,3rem);line-height:1.08}.about-card p,.focus-card p,.project-summary,.project-block p,.quote-card p,.blog-note,.post-item p,.post-content,.post-excerpt,.contact-card span{color:var(--muted)}.about-card p+p,.quote-card p{margin-top:16px}.focus-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.skills-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.chip-wrap,.post-tags{flex-wrap:wrap;gap:10px;display:flex}.chip,.post-tags span{color:#eaf4ff;background:#71b1ff17;border:1px solid #7faaff1f;border-radius:999px;padding:9px 13px;font-size:.9rem}.project-topline{justify-content:space-between;align-items:center;gap:14px;display:flex}.inline-link{color:#bcd8ff}.project-summary{margin:18px 0 0;font-size:1.08rem;line-height:1.7}.project-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px;display:grid}.blog-layout{grid-template-columns:.9fr 1.1fr;gap:18px;margin-top:18px;display:grid}.blog-list-head,.post-view-top,.editor-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.blog-list-head h3,.editor-head h3,.post-view-top h3{margin:0}.post-list-items{gap:12px;margin-top:18px;display:grid}.post-item{text-align:left;width:100%;color:var(--text);background:#ffffff06;border:1px solid #89b3ff1a;border-radius:18px;padding:16px}.post-item:hover,.post-item.active{background:#75a7ff14;border-color:#88adff33}.post-item-top{justify-content:space-between;gap:12px;display:flex}.post-item strong{font-size:1rem}.post-item p{margin:10px 0 0;line-height:1.55}.post-item small,.post-meta-line{color:#b1c3dc}.post-meta-line{justify-content:space-between;align-items:center;gap:12px;margin-top:14px;display:flex}.post-tags.large{gap:8px}.post-excerpt{margin:18px 0 0;font-size:1.02rem}.post-content{white-space:pre-wrap;margin-top:18px;line-height:1.82}.editor-panel{margin-top:18px}.editor-form{gap:14px;margin-top:18px;display:grid}.editor-form label{color:var(--soft);gap:8px;display:grid}.editor-form input,.editor-form textarea{width:100%;color:var(--text);background:#ffffff08;border:1px solid #88adff2e;border-radius:14px;outline:none;padding:14px 16px}.editor-form input:focus,.editor-form textarea:focus{border-color:#68e1fd99;box-shadow:0 0 0 3px #68e1fd1a}.quote-card blockquote{letter-spacing:-.03em;color:#f4f9ff;margin:0;font-size:clamp(1.7rem,4vw,2.7rem);line-height:1.15}.contact-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.contact-card{transition:transform .2s,border-color .2s,background .2s}.contact-card:hover{background:var(--panel-hover);border-color:#6ce1ff38;transform:translateY(-4px)}.contact-placeholder{cursor:default}@media (width<=1280px){.app{max-width:100%;padding:18px 28px 88px}.header{padding:14px 28px 18px}.hero,.blog-layout,.project-detail-grid,.focus-grid,.contact-grid{grid-template-columns:1fr}.skills-grid{grid-template-columns:1fr 1fr}}@media (width<=720px){.app{padding:14px 16px 56px}.header{flex-direction:column;align-items:flex-start;gap:14px;padding:10px 16px 14px;position:static}.nav{gap:10px 14px}.nav a{font-size:.88rem}.section{padding-top:46px}.hero{grid-template-columns:1fr;gap:20px;min-height:auto;padding-top:8px}.hero h1{font-size:clamp(2.4rem,12vw,3.8rem);line-height:1.01}.hero-accent{margin-top:10px;font-size:1rem;line-height:1.35}.hero-description{margin-top:16px;font-size:.98rem;line-height:1.65}.hero-meta{gap:8px;margin-top:16px}.hero-meta span,.chip,.post-tags span{padding:8px 12px;font-size:.82rem}.hero-actions,.heading-actions,.post-view-actions,.editor-actions{gap:10px}.btn,.btn.compact,.mini-btn{width:100%;min-width:0}.hero-panel,.about-card,.quote-card,.project-card,.blog-list,.blog-view,.editor-panel,.focus-card,.skill-card,.contact-card{border-radius:20px;padding:20px}.section-heading,.section-heading-row{gap:14px;margin-bottom:18px;display:grid}.section-heading h2{font-size:1.7rem;line-height:1.15}.info-grid,.skills-grid,.focus-grid,.contact-grid,.project-detail-grid,.blog-layout{grid-template-columns:1fr;gap:14px}.post-item-top,.post-meta-line,.blog-list-head,.post-view-top,.editor-head{flex-direction:column;align-items:flex-start}}