@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:#080d24;font-synthesis:none;text-rendering:optimizeLegibility;--cyan: #54efff;--purple: #a66cff;--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 .4s ease,box-shadow .4s ease,background .4s ease,transform .4s ease}.glass-panel:hover{border-color:#5be2ff7a;border-top-color:#e1faff80;box-shadow:0 22px 65px #0000004d,0 0 25px #00d3ff1f,0 0 55px #8250ff14,inset 0 1px #ffffff26}.download-area{width:100%;display:flex;justify-content:flex-start;align-items:center}.download-cv-button{position:relative;left:auto;top:auto;transform:none;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:43px;max-width:100%;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-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;cursor:pointer}.download-cv-button svg{color:#70efff;flex-shrink:0;transition:transform .3s ease,color .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:translateY(-3px)}.download-cv-button:hover svg{color:#06121a;transform:translateY(3px)}.download-cv-button:active{transform: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;perspective:1100px}.assembly-motion{position:relative;width:100%;min-width:0;transform-origin:center center;transform-style:preserve-3d;will-change:transform,opacity,filter}.block-hidden{opacity:0;visibility:hidden;pointer-events:none}.drag-from-random{visibility:visible;pointer-events:none;opacity:1;animation:premiumBlockEntrance 1.65s cubic-bezier(.16,1,.3,1) both}@keyframes premiumBlockEntrance{0%{opacity:0;filter:brightness(2.1) blur(12px) saturate(1.8);transform:translate3d(var(--entry-x),var(--entry-y),0) rotate(var(--entry-rotation)) rotateX(22deg) scale(.55)}18%{opacity:1;filter:brightness(1.8) blur(5px) saturate(1.6)}48%{opacity:1;filter:brightness(1.35) blur(1px) saturate(1.3);transform:translate3d(calc(var(--entry-x) * .24),calc(var(--entry-y) * .24),0) rotate(calc(var(--entry-rotation) * .25)) rotateX(-5deg) scale(1.045)}67%{transform:translateZ(0) rotate(0) rotateX(3deg) scale(.975)}82%{transform:translateZ(0) rotate(0) rotateX(-1deg) scale(1.015)}to{opacity:1;filter:brightness(1) blur(0) saturate(1);transform:translateZ(0) rotate(0) rotateX(0) scale(1)}}.block-placed{opacity:1;visibility:visible;pointer-events:auto;transform:translateZ(0) scale(1);filter:none}.block-placed .glass-panel{animation:cardEnergy 5s ease-in-out infinite}@keyframes cardEnergy{0%,to{box-shadow:0 18px 55px #0000003d,inset 0 1px #ffffff17}50%{box-shadow:0 18px 55px #0000003d,0 0 20px #54efff14,inset 0 1px #ffffff1f}}.drag-from-random .glass-panel:after{content:"";position:absolute;z-index:5;top:-60%;left:-120%;width:65%;height:220%;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.04),rgba(150,245,255,.24),rgba(255,255,255,.08),transparent);transform:rotate(25deg);animation:glassLightSweep 1.15s ease-out .2s both}@keyframes glassLightSweep{0%{left:-120%;opacity:0}20%{opacity:1}to{left:160%;opacity:0}}.assembly-slot:hover .block-placed .glass-panel{transform:translateY(-3px)}.profile-photo{width:100%;height:auto!important;aspect-ratio:1 / 1;min-height:0;overflow:hidden;padding:0;position:relative;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}.profile-photo .photo-inner{width:100%;height:100%;min-width:0;min-height:0;aspect-ratio:1 / 1;display:block;overflow:hidden;padding:0;margin:0;border-radius:inherit}.profile-photo .photo-inner img{display:block;width:100%!important;height:100%!important;aspect-ratio:1 / 1;object-fit:cover;object-position:center;border-radius:inherit}.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}.personal-details{display:flex;flex-direction:column;gap:11px;margin-bottom:17px}.personal-details div{display:flex;align-items:center;gap:10px;color:#aebfd0;font-size:10px;min-width:0}.personal-details svg{width:14px;height:14px;color:#65eaff;flex-shrink:0}.personal-details span{overflow-wrap:anywhere}.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}@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{aspect-ratio:1 / 1}}@media(max-width:700px){.cv-page{padding:20px 4%}.cv-layout{grid-template-columns:1fr;gap:27px}.sidebar{display:flex;flex-direction:column;align-items:stretch;gap:13px}.profile-photo{aspect-ratio:1 / 1}.identity-card{padding:22px}.download-area{justify-content:flex-start}.download-cv-button{min-height:40px;padding:9px 16px;font-size:9px}.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}.drag-from-random{animation-duration:1.35s}}@media(max-width:380px){.download-cv-button{padding:8px 12px;font-size:8px;letter-spacing:1px}.identity-card{padding:19px}.identity-card h1{font-size:23px}.content-intro h2{font-size:20px}.cv-section{padding:18px 14px 22px}.section-heading h3{font-size:14px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
