@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--bg-primary:#050b14;--bg-alt:#040912;--bg-section-alt:#07101ba6;--surface-large:#08111dbf;--surface-card:#0b1522b8;--surface-elevated:#0e1927cc;--surface-hover:#111d2be0;--surface-input:#09131fd9;--border-primary:#1b2a3ad9;--border-subtle:#152231b3;--border-hover:#30445de6;--border-purple-highlight:#7c5cfc73;--accent-purple-primary:#7c5cfc;--accent-purple-bright:#8b6cff;--accent-indigo:#6366f1;--accent-blue-primary:#4f7cff;--accent-blue-bright:#3b82f6;--accent-cyan:#22b8f0;--accent-green:#39d98a;--accent-warm:#ff9f43;--gradient-primary:linear-gradient(135deg, #8b5cf6 0%, #6366f1 48%, #3b82f6 100%);--gradient-text:linear-gradient(135deg, #a78bfa 0%, #818cf8 50%, #60a5fa 100%);--text-heading:#f7f9fc;--text-body:#c2cad6;--text-secondary:#a5b0bf;--text-muted:#718096;--text-metadata:#596779;--text-purple-label:#9b87ff;--text-blue-link:#7396ff;--font-hero:clamp(32px, 4.9vw, 64px);--font-h1:clamp(27px, 3.8vw, 40px);--font-h2:clamp(23px, 3vw, 34px);--font-h3:clamp(19px, 2.25vw, 25px);--font-h4:clamp(16px, 1.7vw, 19px);--font-body:clamp(13.5px, 1.08vw, 15px);--font-body-lg:clamp(15px, 1.27vw, 17px);--font-small:clamp(11.5px, .95vw, 13px);--font-label:clamp(10px, .85vw, 11.5px);--max-width:1360px;--desktop-padding:clamp(16px, 5vw, 64px);--section-gap:clamp(52px, 8vw, 96px)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background-color:var(--bg-primary);color:var(--text-body);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.65}body{background-color:var(--bg-primary);overflow-x:hidden}.portfolio-shell{background-color:var(--bg-primary);background-image:radial-gradient(circle at 88% 16%,#4643d224 0%,#2d379b12 20%,#0000 40%),radial-gradient(circle at 7% 73%,#1753b41a 0%,#0f31740a 22%,#0000 38%),linear-gradient(#040914 0%,#050c18 48%,#040912 100%);background-attachment:fixed}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#26364a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#3b4f68}.container{max-width:var(--max-width);padding-left:var(--desktop-padding);padding-right:var(--desktop-padding);width:100%;margin:0 auto}@media (width>=901px) and (width<=1440px){:root{--desktop-padding:clamp(28px, 4vw, 56px);--section-gap:clamp(64px, 7vw, 88px)}}@media (width>=901px) and (width<=1100px){:root{--desktop-padding:28px}}@media (width>=1025px) and (width<=2560px){.container{max-width:1220px;padding-left:clamp(36px,5vw,64px);padding-right:clamp(36px,5vw,64px)}}.section-wrapper{padding-top:var(--section-gap);padding-bottom:var(--section-gap);position:relative}.section-alt{background-color:var(--bg-section-alt);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.section-label{font-size:var(--font-label);letter-spacing:.12em;text-transform:uppercase;color:var(--text-purple-label);margin-bottom:10px;font-weight:600;display:inline-block}.section-heading{font-size:var(--font-h2);letter-spacing:-.02em;color:var(--text-heading);font-weight:650;line-height:1.25}.section-subtitle{font-size:var(--font-body-lg);color:var(--text-secondary);max-width:620px;margin-top:10px;line-height:1.6}.text-gradient{background:var(--gradient-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;display:inline-block}.btn-primary{background:var(--gradient-primary);color:#fff;cursor:pointer;border:none;border-radius:9px;align-items:center;gap:10px;height:clamp(44px,4vw,48px);padding:0 clamp(18px,2.5vw,24px);font-size:clamp(13px,1.05vw,14px);font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s,filter .2s;display:inline-flex;box-shadow:0 4px 16px #7c5cfc4d}.btn-primary:hover{filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 8px 24px #7c5cfc73}.btn-secondary{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);height:clamp(44px,4vw,48px);color:var(--text-heading);cursor:pointer;background:#0e192799;border:1px solid #30445db3;border-radius:9px;align-items:center;gap:10px;padding:0 clamp(18px,2.5vw,24px);font-size:clamp(13px,1.05vw,14px);font-weight:500;text-decoration:none;transition:transform .2s,border-color .2s,background-color .2s;display:inline-flex}.btn-secondary:hover{border-color:var(--accent-purple-primary);background-color:#111d2bd9;transform:translateY(-2px)}.btn-outline-sm{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);height:38px;color:var(--text-heading);font-weight:500;font-size:var(--font-small);border:1px solid var(--border-primary);cursor:pointer;background:#0b1522b3;border-radius:8px;align-items:center;gap:8px;padding:0 16px;text-decoration:none;transition:border-color .2s,background-color .2s;display:inline-flex}.btn-outline-sm:hover{border-color:var(--accent-purple-primary);background-color:#111d2be6}.card-base{-webkit-backdrop-filter:blur(14px);background:#0b1522b8;border:1px solid #ffffff14;border-radius:14px;transition:transform .25s,border-color .25s,box-shadow .25s;box-shadow:0 12px 32px #0000004d,inset 0 1px #ffffff0d}.card-base:hover{border-color:#7c5cfc59;box-shadow:0 16px 40px #0006,inset 0 1px #ffffff14}.form-input,.form-textarea{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-primary);width:100%;color:var(--text-heading);font-family:inherit;font-size:var(--font-body);background-color:#09131fd9;border-radius:8px;padding:0 16px;transition:border-color .2s,box-shadow .2s}.form-input{height:48px}.form-textarea{resize:vertical;min-height:130px;padding:14px}.form-input:focus,.form-textarea:focus{border-color:var(--accent-purple-primary);outline:none;box-shadow:0 0 0 3px #7c5cfc2e}.ambient-hero-glow{pointer-events:none;z-index:0;background:radial-gradient(circle,#6366f124 0%,#7c5cfc0d 45%,#0000 70%);width:700px;height:700px;position:absolute;top:0;right:0}.ambient-projects-glow{pointer-events:none;z-index:0;background:radial-gradient(circle,#3b82f61f 0%,#22b8f00a 50%,#0000 70%);width:750px;height:750px;position:absolute;top:15%;left:0%}.ambient-skills-glow{pointer-events:none;z-index:0;background:radial-gradient(circle,#8b5cf61a 0%,#0000 65%);width:600px;height:600px;position:absolute;bottom:10%;right:5%}.approach-section{padding:0 0 clamp(12px,2vw,28px);position:relative}.approach-card{overflow:hidden}.approach-flow{grid-template-columns:auto minmax(50px,1fr) auto minmax(50px,1fr) auto minmax(50px,1fr) auto minmax(50px,1fr) auto;align-items:center;padding:clamp(28px,4vw,42px);display:grid}.approach-step{text-align:center;min-width:112px}.approach-icon-wrap{color:#e8ecf7;background:linear-gradient(145deg,#121e30e6,#09111ed1);border:1px solid #7084a673;border-radius:12px;place-items:center;width:60px;height:60px;margin:0 auto 10px;display:grid;box-shadow:inset 0 1px #ffffff0d,0 10px 24px #00000040}.approach-step strong{color:var(--text-heading);font-size:15px;font-weight:600;display:block}.approach-step span{color:var(--text-secondary);white-space:nowrap;margin-top:2px;font-size:12px;display:block}.approach-connector{height:24px;margin:0 8px 42px;position:relative}.connector-line{background:repeating-linear-gradient(90deg,#7c5cfce6 0 2px,#0000 2px 5px);height:1px;position:absolute;top:50%;left:0;right:12px}.connector-arrow{color:#7f91c5;position:absolute;top:50%;right:0;transform:translateY(-50%)}.traveling-dot{--dot-delay:0s;width:8px;height:8px;animation:travel-connector 2.7s linear var(--dot-delay) infinite;background:#fff;border-radius:50%;position:absolute;top:50%;left:0;transform:translate(-50%,-50%);box-shadow:0 0 5px #fff,0 0 12px #7c5cfc,0 0 22px #4f7cffe6}.approach-message{border-top:1px solid var(--border-subtle);color:var(--text-body);text-align:center;justify-content:center;align-items:center;gap:12px;padding:15px 24px 17px;font-size:13px;display:flex}.approach-message b{color:#9b87ff;font-weight:600}.message-orb{background:linear-gradient(135deg,#d9d1ff,#7c5cfc);border-radius:50%;flex:none;width:10px;height:10px;box-shadow:0 0 10px #7c5cfce6}@keyframes travel-connector{0%{opacity:0;left:0}10%{opacity:1}88%{opacity:1}to{opacity:0;left:calc(100% - 12px)}}@media (width<=1100px){.approach-flow{grid-template-columns:auto minmax(24px,1fr) auto minmax(24px,1fr) auto minmax(24px,1fr) auto minmax(24px,1fr) auto;padding-inline:24px}.approach-step{min-width:104px}.approach-connector{margin-inline:3px}}@media (width<=900px){.approach-flow{grid-template-columns:1fr;justify-items:center;padding:32px 24px}.approach-step{min-width:150px}.approach-connector{width:24px;height:54px;margin:2px 0}.connector-line{background:repeating-linear-gradient(#7c5cfce6 0 2px,#0000 2px 5px);width:1px;height:auto;inset:0 auto 12px 50%}.connector-arrow{inset:auto auto 0 50%;transform:translate(-50%)rotate(90deg)}.traveling-dot{animation-name:travel-connector-mobile;top:0;left:50%}}@keyframes travel-connector-mobile{0%{opacity:0;top:0}10%{opacity:1}88%{opacity:1}to{opacity:0;top:calc(100% - 12px)}}@media (prefers-reduced-motion:reduce){.traveling-dot{opacity:1;animation:none;left:50%}}.journal-home{border-top:1px solid var(--border-subtle)}.journal-heading-row{justify-content:space-between;align-items:end;gap:32px;margin-bottom:50px;display:flex}.journal-all-link,.read-note{color:#9b87ff;align-items:center;gap:8px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.journal-preview-list{border-top:1px solid var(--border-primary);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.journal-preview{min-width:0;padding:30px 32px 26px 0}.journal-preview+.journal-preview{border-left:1px solid var(--border-primary);padding-left:32px}.journal-meta{color:#7f8ba0;letter-spacing:.1em;text-transform:uppercase;font-size:10.5px;font-weight:650}.journal-preview h3{margin:14px 0 12px;font-size:clamp(19px,1.8vw,23px);line-height:1.3}.journal-preview-image{aspect-ratio:16/9;border:1px solid var(--border-primary);object-fit:cover;border-radius:9px;width:100%;margin:17px 0 2px}.journal-preview h3 a{color:var(--text-heading);text-decoration:none}.journal-preview h3 a:hover{color:#a78bfa}.journal-preview p{color:var(--text-secondary);min-height:70px;font-size:13.5px;line-height:1.7}.journal-tags{flex-wrap:wrap;gap:7px;margin:20px 0;display:flex}.journal-tags span{border:1px solid var(--border-primary);color:#8794a8;border-radius:5px;padding:4px 8px;font-size:10.5px}@media (width<=900px){.journal-heading-row{flex-direction:column;align-items:start}.journal-preview-list{grid-template-columns:1fr}.journal-preview,.journal-preview+.journal-preview{border-left:0;border-bottom:1px solid var(--border-primary);padding:28px 0}.journal-preview p{min-height:0}}.blog-page,.article-page{min-height:100vh;padding:150px 0 100px}.blog-shell{max-width:1040px}.blog-shell>h1{color:var(--text-heading);letter-spacing:-.045em;margin:8px 0 20px;font-size:clamp(42px,6vw,72px);line-height:1.05}.blog-intro{max-width:600px;color:var(--text-secondary);font-size:18px;line-height:1.7}.blog-filters{flex-wrap:wrap;gap:9px;margin:42px 0 70px;display:flex}.blog-filters button{border:1px solid var(--border-primary);color:var(--text-secondary);cursor:pointer;background:#08111d8c;border-radius:999px;padding:9px 14px}.blog-filters button.active{color:#fff;background:#7c5cfc21;border-color:#7c5cfc}.featured-note{border:1px solid var(--border-primary);background:linear-gradient(135deg,#0c1829e6,#09111fad);border-radius:16px;grid-template-columns:1fr auto;gap:50px;padding:48px;display:grid}.featured-note>div>span,.latest-notes>h2{color:#9b87ff;letter-spacing:.12em;text-transform:uppercase;font-size:11px}.featured-note h2{color:var(--text-heading);margin:16px 0;font-size:clamp(28px,4vw,42px)}.featured-note p{max-width:650px;color:var(--text-secondary);line-height:1.75}.featured-note-meta{color:#8794a8;margin:26px 0;font-size:12px}.featured-note-meta i{float:right;font-style:normal}.featured-note a{color:#9b87ff;align-items:center;gap:8px;font-weight:600;text-decoration:none;display:inline-flex}.featured-note-mark{color:#7c5cfc2e;font-size:90px;font-weight:800;line-height:1}.latest-notes{margin-top:86px}.latest-notes>h2{margin-bottom:18px}.note-row{border-top:1px solid var(--border-primary);color:var(--text-secondary);grid-template-columns:110px 1fr auto;align-items:center;gap:24px;padding:25px 0;text-decoration:none;display:grid}.note-row time{color:#718096;font-size:13px}.note-row strong{color:var(--text-heading);margin-bottom:5px;font-size:18px;display:block}.note-row span{color:#7f8ba0;font-size:12px}.note-row:hover strong{color:#a78bfa}.empty-notes{border-top:1px solid var(--border-primary);color:var(--text-muted);padding:35px 0}.article-shell{width:min(780px,100% - 40px);margin:0 auto}.article-back{color:#9b87ff;align-items:center;gap:8px;margin-bottom:70px;font-size:13px;text-decoration:none;display:inline-flex}.article-kicker{color:#8b78ee;letter-spacing:.12em;text-transform:uppercase;font-size:11px}.article-shell h1{color:var(--text-heading);letter-spacing:-.045em;margin:18px 0 25px;font-size:clamp(40px,6vw,68px);line-height:1.08}.article-lede{color:var(--text-secondary);font-size:20px!important;line-height:1.65!important}.article-cover{margin:42px 0}.article-cover img{border:1px solid var(--border-primary);border-radius:12px;width:100%;display:block}.article-cover figcaption{color:#718096;text-align:center;margin-top:10px;font-size:11px}.article-rule{background:var(--border-primary);height:1px;margin:48px 0}.article-shell p{color:#bdc6d3;margin:22px 0;font-size:17px;line-height:1.9}.article-shell h2{color:var(--text-heading);margin:55px 0 15px;font-size:27px}.article-shell pre{border:1px solid var(--border-primary);color:#b6c8ff;background:#030812;border-radius:10px;padding:24px;line-height:1.7;overflow-x:auto}.article-shell blockquote{color:#d5dbea;border-left:2px solid #7c5cfc;margin:35px 0;padding:8px 0 8px 24px;font-size:20px;line-height:1.7}.article-references{color:var(--text-secondary);margin:18px 0 35px;padding-left:22px}.article-references li{margin:10px 0}.article-references a{color:#8fa8ff;text-decoration:none}.article-references a:hover{text-decoration:underline}.article-pagination{border-top:1px solid var(--border-primary);grid-template-columns:1fr 1fr;gap:30px;margin-top:90px;padding-top:30px;display:grid}.article-pagination a{color:var(--text-secondary);text-decoration:none}.article-pagination a span{color:#718096;text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px;font-size:11px;display:block}.article-pagination a b{color:var(--text-heading);font-size:14px}.article-pagination .next{text-align:right}@media (width<=700px){.featured-note{padding:30px 24px}.featured-note-mark{display:none}.note-row{grid-template-columns:70px 1fr auto;gap:12px}.article-pagination{grid-template-columns:1fr}}.journal-admin-page{min-height:100vh;padding:135px 0 100px}.admin-shell{max-width:1040px}.admin-topline{justify-content:space-between;margin-bottom:55px;display:flex}.admin-topline a,.admin-topline button{color:#9b87ff;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;text-decoration:none;display:inline-flex}.admin-topline>div{gap:16px;display:flex}.admin-topline button:disabled{opacity:.55;cursor:wait}.admin-shell>h1{color:var(--text-heading);margin:8px 0 12px;font-size:clamp(38px,5vw,58px)}.admin-intro{color:var(--text-secondary);font-size:17px}.admin-notice{color:#9eabc0;background:#1d48911a;border:1px solid #4f7cff4d;border-radius:9px;margin:28px 0 42px;padding:15px 18px;font-size:13px}.admin-form{border:1px solid var(--border-primary);background:#08111dbf;border-radius:14px;padding:32px}.admin-form-title,.admin-posts-heading{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.admin-form-title h2,.admin-posts h2{color:var(--text-heading);font-size:21px}.admin-form-title button{color:#8c98aa;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;display:inline-flex}.admin-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.admin-grid-wide{grid-column:1/-1}.admin-form label{color:#9ba8ba;margin-bottom:18px;font-size:12px;font-weight:600;display:block}.admin-form input,.admin-form textarea{border:1px solid var(--border-primary);width:100%;color:var(--text-heading);font:inherit;resize:vertical;background:#07111d;border-radius:8px;outline:none;margin-top:8px;padding:12px 14px;display:block}.admin-form input:focus,.admin-form textarea:focus{border-color:#7c5cfc}.article-template-heading{border-top:1px solid var(--border-primary);margin:40px 0 24px;padding-top:30px}.article-template-heading span{color:var(--text-heading);font-size:17px;font-weight:650}.article-template-heading p{color:#718096;margin-top:6px;font-size:12px}.admin-form .code-editor{color:#b9c9ff;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;line-height:1.6}.admin-image-field{align-items:center;gap:20px;margin:8px 0 18px;display:flex}.image-upload{cursor:pointer;border:1px dashed #485a74;border-radius:8px;align-items:center;gap:9px;padding:12px 15px;color:#aab5c5!important;margin:0!important;display:inline-flex!important}.image-upload input{display:none}.admin-image-field img{border:1px solid var(--border-primary);object-fit:cover;border-radius:8px;width:150px;height:84px}.admin-switches{flex-wrap:wrap;gap:24px;margin:22px 0;display:flex}.admin-switches label{align-items:center;gap:9px;margin:0;display:inline-flex}.admin-switches input{accent-color:#7c5cfc;width:auto;margin:0;display:inline-block}.star-checkbox{align-items:center;gap:10px;display:flex!important}.star-checkbox input{accent-color:#7c5cfc;width:auto;margin:0;display:inline-block}.admin-save{background:var(--gradient-primary);color:#fff;cursor:pointer;border:0;border-radius:8px;align-items:center;gap:8px;padding:12px 18px;font-weight:600;display:inline-flex}.admin-posts{margin-top:65px}.admin-posts-heading span{color:#718096;font-size:12px}.admin-post-row{border-top:1px solid var(--border-primary);grid-template-columns:auto 1fr auto;align-items:center;gap:20px;padding:24px 0;display:grid}.star-button{border:1px solid var(--border-primary);color:#657186;cursor:pointer;background:#07111d;border-radius:8px;place-items:center;width:40px;height:40px;display:grid}.star-button.active{color:#a78bfa;background:#7c5cfc1a;border-color:#7c5cfc80}.admin-post-row span,.admin-post-row p{color:#718096;font-size:11px}.admin-post-row h3{color:var(--text-heading);margin:5px 0;font-size:16px}.admin-actions{gap:8px;display:flex}.admin-actions button{border:1px solid var(--border-primary);color:#a5b0bf;cursor:pointer;background:0 0;border-radius:7px;align-items:center;gap:6px;padding:8px 10px;display:inline-flex}.admin-actions .delete:hover{color:#ff7b7b;border-color:#ff5a5a66}.admin-login{border:1px solid var(--border-primary);background:#08111dd1;border-radius:15px;width:min(460px,100% - 36px);margin:0 auto;padding:36px}.admin-login>a{color:#9b87ff;align-items:center;gap:7px;margin-bottom:45px;font-size:13px;text-decoration:none;display:inline-flex}.admin-login h1{color:var(--text-heading);margin:8px 0 12px;font-size:31px}.admin-login>p{color:var(--text-secondary);margin-bottom:28px}.admin-login label{color:#9ba8ba;margin:16px 0;font-size:12px;font-weight:600;display:block}.admin-login input{border:1px solid var(--border-primary);color:#fff;background:#07111d;border-radius:8px;width:100%;margin-top:8px;padding:12px 14px;display:block}.admin-login form button{background:var(--gradient-primary);color:#fff;cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:12px;padding:12px;font-weight:600;display:inline-flex}.admin-error{color:#ff9696;font-size:12px}@media (width<=700px){.admin-grid{grid-template-columns:1fr;gap:0}.admin-form{padding:24px 18px}.admin-post-row{grid-template-columns:auto 1fr}.admin-actions{grid-column:2}}