@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Inter:wght@400;500;600;700;800&display=swap";:root{font-family:Inter,sans-serif;color:#e9f5ff;background:linear-gradient(135deg,#080d24,#111b3d 30%,#24133e,#071d35);font-synthesis:none;text-rendering:optimizeLegibility;--cyan: #54efff;--glass-border: rgba(154, 225, 255, .2);--glass-bg: rgba(20, 34, 51, .38)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background:#080d24}body{min-width:320px;min-height:100vh;overflow-x:hidden}#root{min-height:100vh}.cv-page{position:relative;min-height:100vh;padding:28px 6%;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 10% 10%,rgba(0,225,255,.22),transparent 40%),radial-gradient(ellipse at 90% 15%,rgba(155,75,255,.22),transparent 42%),radial-gradient(ellipse at 50% 100%,rgba(0,130,255,.18),transparent 45%),linear-gradient(135deg,#080d24,#111b3d 30%,#24133e,#071d35)}.background-grid{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.13;background-image:linear-gradient(rgba(105,220,255,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(105,220,255,.13) 1px,transparent 1px);background-size:45px 45px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 90%);mask-image:linear-gradient(to bottom,black,transparent 90%)}.ambient{position:fixed;z-index:-1;width:340px;height:340px;border-radius:50%;filter:blur(115px);opacity:.2;pointer-events:none;animation:ambientFloat 12s ease-in-out infinite alternate}.ambient-one{top:12%;left:-190px;background:#00d9ff}.ambient-two{right:-190px;bottom:8%;background:#984bff;animation-delay:-4s}.ambient-three{top:48%;left:45%;width:220px;height:220px;background:#007dba;opacity:.09;animation-delay:-7s}@keyframes ambientFloat{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(45px,-35px,0) scale(1.15)}}.glass-panel{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(135deg,#ffffff16,#ffffff05 45%,#64beff09),#0c182794;border:1px solid var(--glass-border);border-top-color:#e1f7ff4d;border-radius:17px;box-shadow:0 18px 55px #0000003d,inset 0 1px #ffffff17,inset 0 -1px #ffffff06;backdrop-filter:blur(24px) saturate(145%);-webkit-backdrop-filter:blur(24px) saturate(145%);transition:border-color .35s ease,box-shadow .35s ease,background .35s ease,transform .35s ease}.glass-panel:hover{border-color:#5be2ff6b;border-top-color:#e1faff6b;box-shadow:0 22px 65px #0000004d,0 0 25px #00d3ff17,inset 0 1px #ffffff1f}.top-bar{width:100%;max-width:1400px;min-height:46px;margin:0 auto 38px;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:5}.brand{display:flex;gap:10px;align-items:center;color:#c5f5ff;font:11px DM Mono,monospace;letter-spacing:1.7px}.brand-dot,.status-light{width:8px;height:8px;display:inline-block;border-radius:50%;background:#49edff;box-shadow:0 0 12px #49edff,0 0 22px #49edff73;flex-shrink:0}.top-status{color:#91a8bb;font:9px DM Mono,monospace;letter-spacing:1.5px;display:flex;align-items:center;gap:9px}.download-cv-button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:43px;padding:11px 22px;color:#bdf8ff;text-decoration:none;white-space:nowrap;font:10px DM Mono,monospace;font-weight:500;letter-spacing:1.5px;border:1px solid rgba(91,232,255,.4);border-top-color:#dcfaff73;border-radius:10px;background:linear-gradient(135deg,rgba(255,255,255,.13),transparent 60%),#1b718b33;box-shadow:0 8px 25px #0003,0 0 18px #00d6ff14,inset 0 1px #ffffff2b;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:all .3s ease;z-index:10}.download-cv-button svg{color:#70efff;transition:transform .3s ease}.download-cv-button:hover{color:#06121a;background:linear-gradient(135deg,#a9f8ff,#4de2f5);border-color:#b6f9ff;box-shadow:0 0 18px #54eaff6b,0 0 40px #54eaff2e;transform:translate(-50%,-50%) translateY(-3px)}.download-cv-button:hover svg{color:#06121a;transform:translateY(3px)}.download-cv-button:active{transform:translate(-50%,-50%) scale(.96)}.download-cv-button:focus-visible{outline:2px solid white;outline-offset:4px}.cv-layout{width:100%;max-width:1400px;margin:auto;display:grid;grid-template-columns:310px minmax(0,1fr);gap:34px;align-items:start;position:relative;z-index:2}.sidebar{display:flex;flex-direction:column;gap:18px;min-width:0}.main-content{min-width:0}.assembly-slot{position:relative;width:100%;min-width:0}.assembly-motion{position:relative;width:100%;min-width:0;transform-origin:center center;will-change:transform,opacity}.block-hidden{opacity:0;visibility:hidden;transform:translateZ(0);pointer-events:none}.drag-from-random{visibility:visible;animation:assembleFromRandom 2.4s cubic-bezier(.2,.75,.25,1) both;pointer-events:none}.block-placed{opacity:1;visibility:visible;transform:translateZ(0) scale(1);pointer-events:auto;animation:none;will-change:auto}@keyframes assembleFromRandom{0%{opacity:0;transform:translate3d(var(--block-offset-x),var(--block-offset-y),0) scale(.88)}12%{opacity:1}65%{opacity:1;transform:translate3d(12px,-9px,0) scale(1.015)}82%{transform:translate3d(-4px,3px,0) scale(.995)}to{opacity:1;transform:translateZ(0) scale(1)}}.drag-cursor{position:fixed;top:0;left:0;z-index:999999;width:25px;height:25px;pointer-events:none;filter:drop-shadow(0 0 8px var(--cursor-color));will-change:transform,opacity}.drag-cursor svg{display:block;width:100%;height:100%}.cursor-flying{animation:cursorFlyWithBlock 2.4s cubic-bezier(.2,.75,.25,1) both}@keyframes cursorFlyWithBlock{0%{opacity:0;transform:translate(-50%,-50%) translate3d(var(--cursor-start-x),var(--cursor-start-y),0) scale(.8)}12%{opacity:1}65%{opacity:1;transform:translate(-50%,-50%) translate3d(calc(var(--cursor-end-x) + 12px),calc(var(--cursor-end-y) - 9px),0) scale(1.08)}82%{transform:translate(-50%,-50%) translate3d(calc(var(--cursor-end-x) - 4px),calc(var(--cursor-end-y) + 3px),0) scale(.98)}to{opacity:1;transform:translate(-50%,-50%) translate3d(var(--cursor-end-x),var(--cursor-end-y),0) scale(1)}}.cursor-returning{animation:cursorReturnToOrigin .8s cubic-bezier(.55,0,.8,.3) forwards}@keyframes cursorReturnToOrigin{0%{opacity:1;transform:translate(-50%,-50%) translate3d(var(--cursor-end-x),var(--cursor-end-y),0) scale(1)}to{opacity:0;transform:translate(-50%,-50%) translate3d(var(--cursor-start-x),var(--cursor-start-y),0) scale(.7)}}.profile-photo{height:260px;display:flex;justify-content:center;align-items:center;border-radius:18px;background:radial-gradient(circle at center,rgba(0,206,255,.15),transparent 65%),#0f1f306b}.photo-inner{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px;color:#77d9eb;font:10px DM Mono,monospace;letter-spacing:3px;position:relative;z-index:1}.photo-icon{width:112px;height:112px;display:grid;place-items:center;border-radius:50%;color:#73eaff;background:linear-gradient(145deg,#ffffff1f,#ffffff04);border:1px solid rgba(102,223,255,.3);box-shadow:0 0 30px #00d3ff1a,inset 0 1px #ffffff26;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.photo-corner{position:absolute;bottom:14px;left:16px;color:#7d9caf;font:8px DM Mono,monospace;letter-spacing:1.5px}.glass-shine{position:absolute;top:-80%;left:-45%;width:70%;height:250%;transform:rotate(28deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.035),transparent);pointer-events:none}.identity-card{padding:23px}.eyebrow{display:flex;align-items:center;gap:7px;color:#68e8f8;font:9px DM Mono,monospace;letter-spacing:1.5px}.identity-card h1{font-size:26px;margin:15px 0 6px;letter-spacing:-1px;font-weight:700;overflow-wrap:anywhere;color:#f1f8ff}.identity-card p{color:#a1b6c9;font-size:12px}.identity-line{height:1px;width:100%;margin:19px 0 13px;background:linear-gradient(90deg,rgba(84,234,255,.55),transparent)}.identity-caption{color:#718a9f;font:8px DM Mono,monospace;letter-spacing:1.2px}.qr-card{text-align:center;padding:23px}.qr-placeholder{width:120px;height:120px;margin:0 auto 16px;display:grid;place-items:center;color:#70edff;border:1px solid rgba(89,222,255,.3);background:linear-gradient(145deg,rgba(255,255,255,.09),transparent),#0c1d2d80;border-radius:13px;box-shadow:inset 0 1px #ffffff1a,0 0 20px #00cdff0f}.qr-card .eyebrow{justify-content:center}.qr-card p{color:#829aaf;font-size:9px;margin-top:8px;font-family:DM Mono,monospace}.contact-card{padding:23px}.contact-list{display:flex;flex-direction:column;gap:19px;margin-top:23px}.contact-list div{display:flex;align-items:center;gap:12px;color:#b1c4d4;font-size:11px;overflow-wrap:anywhere;min-width:0}.contact-list div span{overflow-wrap:anywhere}.contact-list svg{width:16px;height:16px;color:#65eaff;flex-shrink:0}.sidebar-footer{font:8px DM Mono,monospace;letter-spacing:1px;color:#9ab0bf;display:flex;align-items:center;gap:9px;padding:9px 3px}.sidebar-footer .status-light{width:6px;height:6px;background:#a6ff73;box-shadow:0 0 10px #a6ff73}.content-intro{display:flex;align-items:center;justify-content:space-between;margin:2px 2px 22px}.content-intro .eyebrow{color:#65dff2}.content-intro h2{margin-top:9px;font-size:25px;font-weight:600;letter-spacing:-.7px;color:#edf8ff}.content-tag{padding:8px 12px;color:#9ab8ca;font:9px DM Mono,monospace;letter-spacing:1px;border:1px solid rgba(150,220,255,.17);border-radius:7px;background:#ffffff09}.sections-list{display:flex;flex-direction:column;gap:20px}.cv-section{position:relative;padding:24px 25px 27px;min-height:185px;overflow:hidden;--section-color: #54efff}.section-heading{display:flex;align-items:center;gap:15px;position:relative;z-index:1}.section-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;color:var(--section-color);background:color-mix(in srgb,var(--section-color) 12%,transparent);border:1px solid color-mix(in srgb,var(--section-color) 35%,transparent);box-shadow:inset 0 1px #ffffff17;flex-shrink:0}.section-title{min-width:0}.section-number{font:8px DM Mono,monospace;letter-spacing:1.5px;color:#839caf}.section-heading h3{font-size:17px;margin-top:5px;font-weight:600;color:#edf7ff}.section-indicator{margin-left:auto;font:8px DM Mono,monospace;letter-spacing:1px;color:var(--section-color);opacity:.85;white-space:nowrap}.section-body{padding:23px 0 0 59px;min-height:75px;position:relative;z-index:1}.typed-line{color:#bfd0de;font-size:13px;line-height:1.9;min-height:24px;overflow-wrap:anywhere}.typing-cursor{color:var(--cyan);animation:blink .7s steps(2) infinite;margin-left:3px}@keyframes blink{50%{opacity:0}}.section-bottom-line{position:absolute;left:0;bottom:0;height:1px;width:0;background:var(--section-color);box-shadow:0 0 12px var(--section-color);transition:width 1s ease}.section-active .section-bottom-line{width:100%}.section-glow{position:absolute;right:-70px;top:-100px;width:200px;height:200px;border-radius:50%;background:var(--section-color);opacity:.035;filter:blur(65px);pointer-events:none}.document-footer{display:flex;justify-content:space-between;color:#71899b;font:8px DM Mono,monospace;letter-spacing:1.5px;padding:30px 5px}.cyan-dot{color:#61eaff}@media(max-width:1000px){.cv-layout{grid-template-columns:270px minmax(0,1fr);gap:22px}.cv-page{padding-left:4%;padding-right:4%}.profile-photo{height:235px}}@media(max-width:700px){.cv-page{padding:20px 4%}.top-bar{min-height:78px;margin-bottom:24px;align-items:flex-start}.brand{font-size:9px;letter-spacing:1px}.top-status{font-size:8px;letter-spacing:.7px;gap:6px}.download-cv-button{top:52px;padding:9px 15px;min-height:36px;font-size:9px}.cv-layout{grid-template-columns:1fr;gap:27px}.sidebar{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;gap:13px}.sidebar>.assembly-slot:first-child,.sidebar>.assembly-slot:nth-child(2),.sidebar-footer{grid-column:1 / -1}.profile-photo{height:230px}.identity-card{padding:22px}.qr-card,.contact-card{padding:17px}.contact-list{gap:15px}.contact-list div{font-size:10px}.sidebar-footer{padding:6px 3px}.content-intro h2{font-size:22px}.cv-section{padding:20px 17px 24px;min-height:175px}.section-body{padding-left:0;padding-top:20px}.section-heading{gap:11px}.section-heading h3{font-size:15px}.section-icon{width:39px;height:39px}.section-indicator{font-size:7px}.typed-line{font-size:12px}.document-footer{gap:15px;flex-wrap:wrap;line-height:1.8}.drag-cursor{width:21px;height:21px}}@media(max-width:380px){.top-status{font-size:7px}.brand{font-size:8px}.download-cv-button{padding:8px 12px;font-size:8px}.sidebar{grid-template-columns:1fr}.sidebar>.assembly-slot{grid-column:1 / -1}.qr-card,.contact-card{padding:21px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
