@font-face{font-family:piximisa;src:url(../../fonts/piximisa.woff2)format("woff2"),url(../../fonts/piximisa.ttf)format("truetype");font-weight:1 1000;font-style:normal;font-display:swap}@font-face{font-family:StripedSansBlack;src:url(../../fonts/StripedSansBlack.woff2)format("woff2");font-weight:1 1000;font-style:normal;font-display:swap}@font-face{font-family:MADE Tommy Soft;src:url("../../fonts/MadeTommySoft/MADE Tommy Soft Thin PERSONAL USE.woff2")format("woff2"),url("../../fonts/MadeTommySoft/MADE Tommy Soft Thin PERSONAL USE.otf")format("opentype");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:MADE Tommy Soft;src:url("../../fonts/MadeTommySoft/MADE Tommy Soft Light PERSONAL USE.woff2")format("woff2"),url("../../fonts/MadeTommySoft/MADE Tommy Soft Light PERSONAL USE.otf")format("opentype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:MADE Tommy Soft;src:url("../../fonts/MadeTommySoft/MADE Tommy Soft Regular PERSONAL USE.woff2")format("woff2"),url("../../fonts/MadeTommySoft/MADE Tommy Soft Regular PERSONAL USE.otf")format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:MADE Tommy Soft;src:url("../../fonts/MadeTommySoft/MADE Tommy Soft Medium PERSONAL USE.woff2")format("woff2"),url("../../fonts/MadeTommySoft/MADE Tommy Soft Medium PERSONAL USE.otf")format("opentype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:MADE Tommy Soft;src:url("../../fonts/MadeTommySoft/MADE Tommy Soft Bold PERSONAL USE.woff2")format("woff2"),url("../../fonts/MadeTommySoft/MADE Tommy Soft Bold PERSONAL USE.otf")format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:MADE Tommy Soft;src:url("../../fonts/MadeTommySoft/MADE Tommy Soft ExtraBold PERSONAL USE.woff2")format("woff2"),url("../../fonts/MadeTommySoft/MADE Tommy Soft ExtraBold PERSONAL USE.otf")format("opentype");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:MADE Tommy Soft;src:url("../../fonts/MadeTommySoft/MADE Tommy Soft Black PERSONAL USE.woff2")format("woff2"),url("../../fonts/MadeTommySoft/MADE Tommy Soft Black PERSONAL USE.otf")format("opentype");font-weight:900;font-style:normal;font-display:swap}:root{--primary:#33988e;--secondary:#a78bfa;--accent:#fbbf24;--cyan:#67e8f9;--purple:#a78bfa;--green:#86efac;--bg-dark:#0f172a;--bg-darker:#020617;--bg-card:#1e293b;--bg-hover:#334155;--border:#334155;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--gradient-1:linear-gradient(135deg, #c084fc 0%, #a78bfa 50%, #67e8f9 100%);--gradient-2:linear-gradient(135deg, #67e8f9 0%, #a78bfa 50%, #fbbf24 100%);--gradient-3:linear-gradient(135deg, #86efac 0%, #67e8f9 100%);--shadow-sm:0 2px 4px #0000001a;--shadow-md:0 4px 6px #0003;--shadow-lg:0 10px 15px #0000004d;--shadow-xl:0 20px 25px #0006;--shadow-glow:0 0 30px #c084fc4d;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:2rem;--spacing-lg:3rem;--spacing-xl:4rem;--transition:.2s cubic-bezier(.4, 0, .2, 1);--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-smooth:.25s cubic-bezier(.25, .46, .45, .94);--font-primary:"MADE Tommy Soft", sans-serif;--font-code:"Fira Code", monospace}[data-theme=light]{--bg-dark:#fff;--bg-darker:#f8f9fa;--bg-card:#fff;--bg-hover:#f1f3f5;--border:#e5e7eb;--text-primary:#1f2937;--text-secondary:#4b5563;--text-muted:#9ca3af}[dir=rtl]{text-align:right;direction:rtl}[dir=ltr]{text-align:left;direction:ltr}*{box-sizing:border-box;letter-spacing:.02em;margin:0;padding:0}html{scroll-behavior:smooth;background-color:#030712;font-size:100%;overflow-x:clip}body{background:var(--bg-body-gradient,var(--bg-body,radial-gradient(ellipse at bottom, #1b2735 0%, #090a0f 100%)));color:var(--text-primary);overflow-wrap:break-word;word-break:break-word;min-height:100dvh;transition:color var(--transition-fast);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;background-attachment:fixed;font-weight:400;line-height:1.7;overflow-x:clip;font-family:MADE Tommy Soft,sans-serif!important}#stars,#stars2,#stars3{pointer-events:none;z-index:0;background:0 0;position:fixed;top:0;left:0}#stars{width:1px;height:1px;animation:50s linear infinite animStar}#stars:after{content:"";background:0 0;width:1px;height:1px;position:absolute;top:2000px}#stars2{width:2px;height:2px;animation:100s linear infinite animStar}#stars2:after{content:"";background:0 0;width:2px;height:2px;position:absolute;top:2000px}#stars3{width:3px;height:3px;animation:150s linear infinite animStar}#stars3:after{content:"";background:0 0;width:3px;height:3px;position:absolute;top:2000px}@keyframes animStar{0%{transform:translateY(0)}to{transform:translateY(-2000px)}}h1,h2,h3,h4,h5,h6{text-wrap:balance;font-weight:700}.hero-name,.section-title,.timeline-title,.project-title,.category-title{font-weight:800}*{-webkit-tap-highlight-color:transparent}a,button,input,select,textarea{touch-action:manipulation}:focus-visible{outline:2px solid var(--primary);outline-offset:3px}img{max-width:100%;height:auto}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){.stat-item,.skill-category,.timeline-content,.contact-item,.code-block,.main-footer{border-color:#ffffff80}.section-line{height:3px}}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-to-content{z-index:10000;background:var(--bg-dark);color:var(--text-primary);padding:.5rem 1rem;font-weight:600;text-decoration:none;position:absolute;top:0;left:-9999px}.skip-to-content:focus{left:0}.blur-orb{filter:blur(80px);opacity:.25;border-radius:50%;transition:opacity .6s;position:absolute}[data-theme=light] .blur-orb{opacity:.12;filter:blur(100px)}.blur-orb.bg-blue-500{background:#e8826a}.blur-orb.bg-purple-500{background:#f5c882}.blur-orb.bg-pink-500{background:#a78bfa}.blur-orb.bg-cyan-500{background:#67e8f9}.blur-orb.bg-gold-500{background:#fbbf24}.orb-1{animation:14s ease-in-out infinite driftA}.orb-2{animation:18s ease-in-out infinite driftB}.orb-3{animation:22s ease-in-out infinite driftC}.orb-4{animation:16s ease-in-out infinite driftD;top:20%;right:10%}.orb-5{animation:20s ease-in-out infinite driftE;bottom:15%;left:15%}@keyframes driftA{0%,to{transform:translate(0)scale(1)}20%{transform:translate(60px,-40px)scale(1.1)}50%{transform:translate(-40px,30px)scale(.9)}80%{transform:translate(30px,-20px)scale(1.05)}}@keyframes driftB{0%,to{transform:translate(0)scale(1)}30%{transform:translate(-50px,-50px)scale(1.15)}60%{transform:translate(40px,20px)scale(.85)}85%{transform:translate(-20px,40px)scale(1.08)}}@keyframes driftC{0%,to{transform:translate(0)scale(1)}15%{transform:translate(70px,20px)scale(1.12)}45%{transform:translate(-30px,-60px)scale(.92)}70%{transform:translate(50px,30px)scale(1.06)}}@keyframes driftD{0%,to{transform:translate(0)scale(1)}25%{transform:translate(-60px,30px)scale(1.1)}55%{transform:translate(50px,-40px)scale(.88)}75%{transform:translate(-25px,-20px)scale(1.12)}}@keyframes driftE{0%,to{transform:translate(0)scale(1)}20%{transform:translate(40px,-50px)scale(1.08)}50%{transform:translate(-55px,25px)scale(.9)}80%{transform:translate(30px,45px)scale(1.15)}}.w-64{width:16rem}.w-80{width:20rem}.w-96{width:24rem}.h-64{height:16rem}.h-80{height:20rem}.h-96{height:24rem}@property --glow-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes border-spin{to{--glow-angle:360deg}}.neu-card-glow{position:relative;overflow:hidden}.neu-card-glow:before{content:"";border-radius:inherit;background:conic-gradient(from var(--glow-angle), transparent 0%, transparent 30%, #d4af3780 45%, #ffd700cc 50%, #d4af3780 55%, transparent 70%, transparent 100%);-webkit-mask-composite:xor;opacity:0;pointer-events:none;z-index:1;padding:2px;transition:opacity .4s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.neu-card-glow:hover:before,.neu-card-glow:active:before{opacity:1;animation:4s linear infinite border-spin}.neu-card-glow:hover,.neu-card-glow:active{border-color:#0000;box-shadow:0 0 15px #d4af3714,0 0 30px #d4af370a}.fade-in{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(50px)}.fade-in.visible{opacity:1;transform:translateY(0)}@keyframes spin{to{transform:rotate(360deg)}}.hero-image-container{opacity:0;transition:opacity 1.2s cubic-bezier(.33,1,.68,1)}.hero-image-container.visible{opacity:1}.main-header{opacity:1;transform:none}.hero-content{opacity:0;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transform:translate(-30px)}.hero-content.visible{opacity:1;transform:translate(0)}.floating-badge{opacity:0;transition:opacity .6s cubic-bezier(.34,1.56,.64,1)}.floating-badge.visible{opacity:1}.badge-1{transition-delay:0s}.badge-2{transition-delay:.1s}.badge-3{transition-delay:.2s}.badge-4{transition-delay:.3s}.badge-5{transition-delay:.4s}#navScrollHint{opacity:0;transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1);transform:translateY(-8px)}#navScrollHint.visible{opacity:1;transform:translateY(0)}.section-header{opacity:0;transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);transform:translateY(-20px)}.section-header.visible{opacity:1;transform:translateY(0)}.timeline-item{opacity:0;transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1);transform:translate(-50px)}.timeline-item.visible{opacity:1;transform:translate(0)}.project-card{opacity:0;transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1);transform:translateY(50px)scale(.9)}.project-card.visible{opacity:1;transform:translateY(0)scale(1)}.card,.contact-item{opacity:0;transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1);transform:translateY(30px)}.card.visible,.contact-item.visible{opacity:1;transform:translateY(0)}.project-card.visible:hover,.contact-item.visible:hover{transform:translateY(0)scale(1.02)}.skill-progress{width:0;transition:width 2s cubic-bezier(.16,1,.3,1) .3s}.loader-screen{background:var(--bg-darker);z-index:10000;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .5s,visibility .5s;display:flex;position:fixed;top:0;left:0}.loader-screen.hidden{opacity:0;visibility:hidden}.loader-content{text-align:center}.loader-code-text{font-family:var(--font-code);color:var(--primary);margin-bottom:2rem;font-size:1rem}.code-line{opacity:0;margin:.5rem 0;animation:.5s forwards fadeInUp;display:block;transform:translateY(20px)}.code-line[data-line="1"]{animation-delay:.1s}.code-line[data-line="2"]{animation-delay:.3s}.code-line[data-line="3"]{animation-delay:.5s}.code-line[data-line="4"]{animation-delay:.7s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.loader-spinner-wrapper{justify-content:center;align-items:center;margin:2rem 0;display:flex;position:relative}.loader-spinner{border:4px solid var(--border);border-top-color:var(--primary);border-right-color:var(--cyan);border-radius:50%;width:70px;height:70px;margin:0 auto;animation:1s linear infinite spin}.loader-logo{object-fit:contain;border-radius:50%;width:62px;height:62px;animation:1s linear infinite spin-reverse;position:absolute;transform:rotate(-90deg)}@keyframes spin-reverse{0%{transform:rotate(-90deg)}to{transform:rotate(270deg)}}.loader-progress-wrapper{background:var(--border);border-radius:10px;width:180px;height:4px;margin:2rem auto;position:relative;overflow:visible}.loader-progress-bar{width:0%;height:100%;box-shadow:0 0 10px var(--primary);background:linear-gradient(90deg,#c084fc33 0%,#a78bfa66 40%,#67e8f999 60%,#67e8f9e6 80%,#fff 95% 100%);border-radius:10px;animation:2s forwards progress;position:relative}.loader-progress-bar:after{content:"";width:10px;height:10px;box-shadow:0 0 8px 3px #ffffffe6, 0 0 15px 5px var(--cyan), 0 0 25px 8px var(--primary);background:#fff;border-radius:50%;position:absolute;top:50%;right:-4px;transform:translateY(-50%)}@keyframes progress{to{width:100%}}.loader-percentage{font-family:var(--font-code);color:var(--primary);margin-top:1rem;font-size:1rem}@media (width>=481px){.loader-code-text{font-size:1.2rem}.loader-spinner{width:84px;height:84px}.loader-logo{width:76px;height:76px}.loader-progress-wrapper{width:200px}}.main-header{width:100%;padding-top:env(safe-area-inset-top,0px);backdrop-filter:none;z-index:1000;pointer-events:none;background:linear-gradient(#090a0fe6 0%,#090a0f66 50%,#0000 100%);border-bottom:none;padding-bottom:0;transition:none;position:fixed;top:0;left:0;overflow:visible}.main-header.scrolled{box-shadow:none;background:linear-gradient(#090a0f 0%,#090a0f99 60%,#0000 100%)}.nav-container{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;padding:.5rem 1.5rem;transition:padding .6s cubic-bezier(.22,1,.36,1);display:flex;position:relative}.main-header.scrolled .nav-container{padding:.5rem 2rem}.nav-brand{pointer-events:auto;transform-origin:50%;flex:1;align-items:center;min-height:48px;transition:transform .6s cubic-bezier(.22,1,.36,1),opacity .4s;display:flex}.main-header.scrolled .nav-brand{transform:scale(.9)}.main-header.scrolled.is-scrolling .nav-brand{opacity:.2}.brand-logo{font-family:var(--font-code);color:var(--primary);filter:drop-shadow(0 8px 30px #000c)drop-shadow(0 4px 12px #0009);align-items:center;gap:.5rem;min-height:48px;font-size:1.2rem;font-weight:400;display:flex}.nav-links{pointer-events:auto;align-items:center;gap:.1rem;display:none}.nav-link{font-family:var(--font-primary);letter-spacing:.04em;color:#ffffffd9;white-space:nowrap;border-radius:6px;padding:.4rem .8rem;font-size:.8rem;font-weight:400;text-decoration:none;transition:color .3s,background .3s}.nav-link:hover{color:#fff;background:#ffffff0f}.nav-link.active{color:#fff;background:linear-gradient(135deg,#c084fc1f,#67e8f91f)}@media (width>=769px){.nav-links{display:flex}.nav-container{justify-content:space-between}}.nav-container--centered{justify-content:unset;grid-template-columns:1fr auto 1fr;display:grid;position:relative}.nav-container--centered .nav-brand{grid-column:2}.brand-logo{text-decoration:none}.brand-morph{font-family:"StripedSansBlack", var(--font-primary);letter-spacing:.04em;background:var(--gradient-1);-webkit-text-fill-color:transparent;transform-origin:0 0;z-index:10001;pointer-events:none;white-space:nowrap;opacity:0;will-change:transform, opacity;-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,5vw,3.5rem);font-weight:900;position:fixed;top:0;left:0}.nav-brand-text{font-family:"StripedSansBlack", var(--font-primary);letter-spacing:.08em;background:var(--gradient-1);-webkit-text-fill-color:transparent;opacity:0;pointer-events:none;white-space:nowrap;-webkit-background-clip:text;background-clip:text;font-size:clamp(1.6rem,4vw,2.8rem);font-weight:700;text-decoration:none;transition:opacity .4s,transform .4s;transform:translateY(20px)scale(.7)}.nav-brand-text.visible{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.nav-spacer{flex:1}.header-ant{--ant-route-duration:43s;width:48px;height:48px;top:var(--ant-header-y,32px);z-index:1002;pointer-events:none;animation:antExtendedRoute var(--ant-route-duration) linear infinite, antBob .4s ease-in-out infinite alternate;clip-path:inset(0);will-change:left, opacity, transform;display:block;position:fixed;left:-64px;transform:translateY(-50%)}.header-ant:after{content:"";filter:blur(2.2px);opacity:.78;pointer-events:none;z-index:0;background:radial-gradient(#ffbe5094 0%,#ffbe5047 44%,#ffbe5000 74%);border-radius:999px;width:44px;height:7px;position:absolute;bottom:2px;left:50%;transform:translate(-50%)scaleX(1.24)}.header-ant img{z-index:1;object-fit:contain;width:48px;height:48px;display:block;position:relative}@keyframes antExtendedRoute{0%{left:-64px;top:var(--ant-header-y,32px);opacity:1;clip-path:inset(0)}48%{left:calc(100vw + 64px);top:var(--ant-header-y,32px);opacity:1;clip-path:inset(0)}48.01%{left:calc(100vw + 64px);top:var(--ant-header-y,32px);opacity:0}49.99%{left:calc(100vw + 64px);top:var(--ant-header-y,32px);opacity:0}50%{left:calc(100vw + 64px);top:var(--ant-header-y,32px);opacity:0}99.99%{left:-64px;top:var(--ant-header-y,32px);opacity:0;clip-path:inset(0)}to{left:-64px;top:var(--ant-header-y,32px);opacity:1;clip-path:inset(0)}}@keyframes antBob{0%{margin-top:-1px;transform:translateY(-50%)rotate(-2deg)}to{margin-top:1px;transform:translateY(-50%)rotate(2deg)}}.brand-logo img{object-fit:contain;z-index:10;filter:drop-shadow(0 12px 14px #ffbe5026)drop-shadow(0 6px 6px #ffbe5014);width:48px;height:48px;margin:0;animation:7.3s ease-in-out infinite brandFlickerA;position:relative}.brand-logo{white-space:nowrap}.brand-logo .brand-name{font-family:"piximisa", var(--font-code);color:#fff;opacity:1;text-shadow:0 10px 16px #ffbe5040,0 5px 6px #ffbe5026,0 20px 30px #ffbe501a;margin-bottom:-20px;font-weight:100;animation:8.1s ease-in-out infinite brandTextFlickerA,13.7s ease-in-out infinite brandTextFlickerB}.brand-logo .brand-accent{font-family:"piximisa", var(--font-code);background:var(--gradient-1);-webkit-text-fill-color:transparent;opacity:1;filter:drop-shadow(0 10px 14px #ffbe5038)drop-shadow(0 20px 28px #ffbe501f);-webkit-background-clip:text;background-clip:text;margin-bottom:-20px;animation:9.4s ease-in-out infinite brandFlickerB}@keyframes brandFlickerA{0%{filter:drop-shadow(0 12px 14px #ffbe5026)drop-shadow(0 6px 6px #ffbe5014)}8%{filter:drop-shadow(0 10px 11px #ffbe501a)drop-shadow(0 4px 5px #ffbe500d)}22%{filter:drop-shadow(0 14px 17px #ffbe502b)drop-shadow(0 7px 8px #ffbe501a)}35%{filter:drop-shadow(0 11px 12px #ffbe501f)drop-shadow(0 5px 5px #ffbe500f)}41%{filter:drop-shadow(0 13px 15px #ffbe5024)drop-shadow(0 6px 7px #ffbe5014)}56%{filter:drop-shadow(0 9px 10px #ffbe5017)drop-shadow(0 4px 4px #ffbe500a)}67%{filter:drop-shadow(0 13px 16px #ffbe5029)drop-shadow(0 7px 7px #ffbe5017)}78%{filter:drop-shadow(0 11px 13px #ffbe501f)drop-shadow(0 5px 6px #ffbe5012)}89%{filter:drop-shadow(0 10px 11px #ffbe5017)drop-shadow(0 4px 5px #ffbe500d)}to{filter:drop-shadow(0 12px 14px #ffbe5026)drop-shadow(0 6px 6px #ffbe5014)}}@keyframes brandFlickerB{0%{filter:drop-shadow(0 10px 14px #ffbe5038)drop-shadow(0 20px 28px #ffbe501f)}12%{filter:drop-shadow(0 12px 16px #ffbe5042)drop-shadow(0 22px 32px #ffbe5026)}27%{filter:drop-shadow(0 8px 11px #ffbe5029)drop-shadow(0 17px 24px #ffbe5014)}38%{filter:drop-shadow(0 11px 15px #ffbe503d)drop-shadow(0 21px 30px #ffbe5021)}52%{filter:drop-shadow(0 9px 12px #ffbe502e)drop-shadow(0 18px 25px #ffbe5017)}63%{filter:drop-shadow(0 12px 16px #ffbe5040)drop-shadow(0 23px 33px #ffbe5024)}74%{filter:drop-shadow(0 10px 13px #ffbe5030)drop-shadow(0 19px 27px #ffbe501a)}88%{filter:drop-shadow(0 8px 10px #ffbe5026)drop-shadow(0 16px 22px #ffbe5012)}to{filter:drop-shadow(0 10px 14px #ffbe5038)drop-shadow(0 20px 28px #ffbe501f)}}@keyframes brandTextFlickerA{0%{text-shadow:0 10px 16px #ffbe5040,0 5px 6px #ffbe5026,0 20px 30px #ffbe501a}11%{text-shadow:0 8px 12px #ffbe502b,0 3px 4px #ffbe5017,0 16px 24px #ffbe500f}24%{text-shadow:0 12px 19px #ffbe5047,0 6px 8px #ffbe502e,0 23px 35px #ffbe5021}37%{text-shadow:0 9px 14px #ffbe5033,0 4px 5px #ffbe501c,0 18px 27px #ffbe5014}48%{text-shadow:0 11px 17px #ffbe5042,0 6px 7px #ffbe5029,0 22px 33px #ffbe501f}61%{text-shadow:0 8px 11px #ffbe5026,0 3px 4px #ffbe5014,0 15px 22px #ffbe500d}73%{text-shadow:0 12px 18px #ffbe5045,0 6px 7px #ffbe502b,0 22px 34px #ffbe501f}86%{text-shadow:0 9px 13px #ffbe5030,0 4px 5px #ffbe501a,0 17px 26px #ffbe5012}to{text-shadow:0 10px 16px #ffbe5040,0 5px 6px #ffbe5026,0 20px 30px #ffbe501a}}@keyframes brandTextFlickerB{0%{text-shadow:0 10px 16px #ffbe5040,0 5px 6px #ffbe5026,0 20px 30px #ffbe501a}33%{text-shadow:0 12px 19px #ffbe504a,0 6px 8px #ffbe502e,0 24px 36px #ffbe5021}66%{text-shadow:0 8px 12px #ffbe5029,0 3px 4px #ffbe5014,0 16px 24px #ffbe500f}to{text-shadow:0 10px 16px #ffbe5040,0 5px 6px #ffbe5026,0 20px 30px #ffbe501a}}@media (width>=481px){.nav-container{padding:.8rem 1rem}.brand-logo{font-size:3rem}}@media (width>=769px){.nav-container{padding:1.5rem 2rem 1.4rem}.nav-brand{flex:unset}}.main-content{z-index:1;margin-top:60px;position:relative}.hero-section{align-items:start;min-height:100dvh;padding:2rem 0;display:flex;position:relative;overflow:visible}.hero-background{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.code-grid-bg{background-image:linear-gradient(var(--primary) 1px, transparent 1px), linear-gradient(90deg, var(--primary) 1px, transparent 1px);opacity:.05;pointer-events:none;z-index:0;background-size:50px 50px;width:100%;height:100%;animation:20s linear infinite gridMove;position:fixed;top:0;left:0}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.floating-particles{width:100%;height:100%;position:absolute;overflow:hidden}.particle{font-family:var(--font-code);color:var(--primary);opacity:.2;font-size:1.5rem;animation:15s ease-in-out infinite float;position:absolute}@keyframes float{0%,to{opacity:0;transform:translateY(100vh)rotate(0)}10%,90%{opacity:.1}50%{opacity:.2;transform:translateY(-100px)rotate(180deg)}}.hero-container{text-align:center;z-index:1;grid-template-columns:1fr;align-items:start;gap:2rem;max-width:1400px;margin:0 auto;padding:10dvh .8rem 0;display:grid;position:relative}.hero-content{z-index:1;padding-top:8dvh}.hero-greeting{font-family:var(--font-code);color:var(--primary);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.2rem;display:flex}.greeting-cursor{color:var(--primary);animation:1s infinite blink}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.hero-name{letter-spacing:.05em;margin-bottom:1rem;font-family:StripedSansBlack,piximisa,sans-serif;font-size:clamp(1.5rem,3vw + 1rem,4rem);font-weight:700;line-height:1.2}.name-prefix{color:var(--purple)}.name-operator{color:var(--cyan);margin:0 .5rem}.name-value{background:var(--gradient-1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.name-suffix{color:var(--primary)}.name-prefix,.name-operator,.name-suffix{font-size:.9em}.hero-title{font-family:var(--font-code);color:var(--cyan);margin-bottom:1rem;font-size:1rem}.title-prefix{color:var(--text-muted);margin-inline-end:.5rem}.hero-description{color:var(--text-secondary);max-width:600px;margin-bottom:2rem;font-size:.95rem;line-height:1.8}.hero-buttons{flex-flow:wrap;justify-content:center;align-items:center;gap:1.5rem;margin-bottom:2rem;display:flex}@property --hue{syntax:"<number>";inherits:true;initial-value:0}@property --rotate{syntax:"<number>";inherits:true;initial-value:0}@property --bg-y{syntax:"<number>";inherits:true;initial-value:0}@property --bg-x{syntax:"<number>";inherits:true;initial-value:0}@property --glow-translate-y{syntax:"<number>";inherits:true;initial-value:0}@property --bg-size{syntax:"<number>";inherits:true;initial-value:1}@property --glow-opacity{syntax:"<number>";inherits:true;initial-value:1}@property --glow-blur{syntax:"<number>";inherits:true;initial-value:6}@property --glow-scale{syntax:"<number>";inherits:true;initial-value:1}@property --glow-radius{syntax:"<number>";inherits:true;initial-value:100}@property --white-shadow{syntax:"<number>";inherits:true;initial-value:0}.btn-card{--card-color:#05000f;--text-color:#888198;--card-radius:40px;--card-width:min(220px, 42vw);--border-width:2px;--hue-speed:1;--animation-speed:4s;--interaction-speed:.55s;--ant-route-duration:43s;--glow-delay:0s;--glow-scale:1.5;--scale-factor:1;--glow-rotate-unit:1deg;width:var(--card-width);aspect-ratio:1.5;color:#fff;z-index:2;border-radius:var(--card-radius);cursor:pointer;isolation:isolate;justify-content:center;align-items:center;text-decoration:none;display:flex;position:relative}.btn-card:before,.btn-card:after{content:"";border-radius:var(--card-radius);width:100%;height:100%;display:block;position:absolute}.btn-card-inner{background:var(--card-color);border-radius:var(--card-radius);z-index:1;text-transform:uppercase;width:100%;height:100%;color:var(--text-color);flex-direction:column;justify-content:center;align-items:center;gap:.25em;font-weight:800;display:flex;position:absolute}.badge-ant-clip{z-index:2;border-radius:var(--card-radius);pointer-events:none;contain:paint;position:absolute;inset:0;overflow:hidden}.badge-ant{opacity:0;will-change:left, opacity;width:48px;height:48px;display:block;position:absolute;bottom:-1px;left:-54px}.badge-ant:after{content:"";filter:blur(2.2px);opacity:.78;pointer-events:none;z-index:0;background:radial-gradient(#ffbe5094 0%,#ffbe5047 44%,#ffbe5000 74%);border-radius:999px;width:44px;height:7px;position:absolute;bottom:2px;left:50%;transform:translate(-50%)scaleX(1.24)}.badge-ant img{z-index:1;object-fit:contain;width:48px;height:48px;display:block;position:relative}.badge-ant-clip-app .badge-ant{animation:badgeAntApp var(--ant-route-duration) linear infinite}.badge-ant-clip-contact .badge-ant{animation:badgeAntContact var(--ant-route-duration) linear infinite}.btn-card-inner:before{content:"";width:calc(100% + var(--border-width));height:calc(100% + var(--border-width));border-radius:var(--card-radius);mix-blend-mode:color-burn;z-index:-1;background:#292929 radial-gradient(30% 30% at calc(var(--bg-x) * 1%) calc(var(--bg-y) * 1%), hsl(calc(var(--hue) * var(--hue-speed) * 1deg) 100% 90%) calc(0% * var(--bg-size)), hsl(calc(var(--hue) * var(--hue-speed) * 1deg) 100% 80%) calc(20% * var(--bg-size)), hsl(calc(var(--hue) * var(--hue-speed) * 1deg) 100% 60%) calc(40% * var(--bg-size)), transparent 100%);animation:hue-animation var(--animation-speed) linear infinite, rotate-bg var(--animation-speed) linear infinite;animation-delay:var(--glow-delay);transition:--bg-size var(--interaction-speed) ease;display:block;position:absolute;box-shadow:0 0 20px #000}.btn-card-label{letter-spacing:.06em;font-size:clamp(14px,1.8vw,22px)}.btn-card:hover .btn-card-inner{mix-blend-mode:darken;--text-color:white;box-shadow:0 0 calc(var(--white-shadow) * 1vw) calc(var(--white-shadow) * .15vw) #fff3;animation:shadow-pulse calc(var(--animation-speed) * 2) linear infinite}.btn-card:hover .btn-card-inner:before{--bg-size:15;transition:--bg-size var(--interaction-speed) ease;animation-play-state:paused}.btn-card:hover .glow{--glow-blur:1.5;--glow-opacity:.6;--glow-scale:2.5;--glow-radius:0;--rotate:900;--glow-rotate-unit:0;--scale-factor:1.25;animation-play-state:paused}.btn-card:hover .glow:after{--glow-translate-y:0;transition:--glow-translate-y,--glow-blur 50ms,--glow-opacity 50ms,--glow-scale 50ms,--glow-radius 50ms;animation-play-state:paused}.btn-card .glow{width:calc(var(--card-width) / 5);height:calc(var(--card-width) / 5);animation:rotate var(--animation-speed) linear infinite;animation-delay:var(--glow-delay);transform:rotateZ(calc(var(--rotate) * var(--glow-rotate-unit)));transform-origin:50%;border-radius:calc(var(--glow-radius) * 10vw);display:block;position:absolute}.btn-card .glow:after{content:"";z-index:-2;filter:blur(calc(var(--glow-blur) * 10px));background:hsl(calc(var(--hue) * var(--hue-speed) * 1deg) 100% 60%);border-radius:calc(var(--glow-radius) * 10vw);width:130%;height:130%;animation:hue-animation var(--animation-speed) linear infinite;animation-delay:var(--glow-delay);transform:scaleY(calc(var(--glow-scale) * var(--scale-factor) / 1.1)) scaleX(calc(var(--glow-scale) * var(--scale-factor) * 1.2)) translateY(calc(var(--glow-translate-y) * 1%));opacity:var(--glow-opacity);display:block;position:relative;top:-15%;left:-15%}@keyframes shadow-pulse{0%,24%,46%,73%,96%{--white-shadow:.5}12%,28%,41%,63%,75%,82%,98%{--white-shadow:2.5}6%,32%,57%{--white-shadow:1.3}18%,52%,88%{--white-shadow:3.5}}@keyframes rotate-bg{0%{--bg-x:0;--bg-y:0}25%{--bg-x:100;--bg-y:0}50%{--bg-x:100;--bg-y:100}75%{--bg-x:0;--bg-y:100}to{--bg-x:0;--bg-y:0}}@keyframes rotate{0%{--rotate:-70;--glow-translate-y:-65}25%{--glow-translate-y:-65}50%{--glow-translate-y:-65}60%,75%{--glow-translate-y:-65}85%{--glow-translate-y:-65}to{--rotate:290;--glow-translate-y:-65}}@keyframes hue-animation{0%{--hue:0}to{--hue:360}}@keyframes badgeAntApp{0%,49.99%{opacity:0;left:-54px}50%{opacity:1;left:-54px}51.6%{opacity:1;left:-2px}56.8%{opacity:1;left:calc(100% - 50px)}58.4%{opacity:1;left:100%}58.41%,to{opacity:0;left:100%}}@keyframes badgeAntContact{0%,60.73%{opacity:0;left:-54px}60.74%{opacity:1;left:-54px}62.34%{opacity:1;left:-2px}67.54%{opacity:1;left:calc(100% - 50px)}69.14%{opacity:1;left:100%}69.15%,to{opacity:0;left:100%}}.hero-social{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.social-icon{width:48px;height:48px;color:var(--text-secondary);transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:30px;justify-content:center;align-items:center;text-decoration:none;display:flex}.social-icon:hover{background:var(--bg-hover);border-color:var(--primary);color:var(--primary);transform:translateY(-3px);box-shadow:0 5px 15px #c084fc33}@media (width>=481px){.hero-container{padding:0 1rem}.name-prefix,.name-operator,.name-suffix{font-size:1em}.hero-title{font-size:1.2rem}.hero-description{font-size:1rem}}@media (width>=769px){.main-content{margin-top:80px}.hero-section{min-height:100dvh;padding:0}.hero-container{padding:0 2rem}.hero-name{margin-bottom:2rem}.hero-title{margin-bottom:2rem;font-size:1.5rem}.hero-description{margin-bottom:3rem;font-size:1.1rem}.hero-buttons{flex-flow:wrap;gap:2.5rem;margin-bottom:3rem}.hero-social{flex-wrap:nowrap;justify-content:flex-start;gap:2rem}.social-icon{width:50px;height:50px}}@media (width>=1025px){.hero-container{text-align:unset;grid-template-columns:1fr 1fr;gap:4rem}}@media (height<=400px) and (orientation:landscape){.hero-container{padding-top:2vh}.hero-content{padding-top:1vh}}.hero-image-wrapper{order:-1;justify-content:center;align-items:center;margin-top:12dvh;display:flex;position:relative}.hero-image-container{aspect-ratio:1;z-index:10000;background:radial-gradient(circle,#fffcebd9 0%,#fff5c880 25%,#ffeba033 45%,#daa5200f 65%,#0000 85%);border-radius:50%;width:180px;max-width:100%;height:180px;position:relative}.profile-image-glow{background:radial-gradient(circle,#daa52026 0%,#0000 70%);border-radius:50%;width:110%;height:110%;animation:6.7s ease-in-out infinite glowFlickerA,11.3s ease-in-out infinite glowFlickerB;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes glowFlickerA{0%{opacity:.4;transform:translate(-50%,-50%)scale(1)}9%{opacity:.52;transform:translate(-50%,-50%)scale(1.04)}21%{opacity:.32;transform:translate(-50%,-50%)scale(.97)}34%{opacity:.6;transform:translate(-50%,-50%)scale(1.06)}44%{opacity:.42;transform:translate(-50%,-50%)scale(1.01)}57%{opacity:.28;transform:translate(-50%,-50%)scale(.95)}68%{opacity:.62;transform:translate(-50%,-50%)scale(1.07)}79%{opacity:.44;transform:translate(-50%,-50%)scale(1.02)}91%{opacity:.34;transform:translate(-50%,-50%)scale(.98)}to{opacity:.4;transform:translate(-50%,-50%)scale(1)}}@keyframes glowFlickerB{0%{opacity:.4;transform:translate(-50%,-50%)scale(1)}28%{opacity:.55;transform:translate(-50%,-50%)scale(1.05)}55%{opacity:.28;transform:translate(-50%,-50%)scale(.96)}78%{opacity:.48;transform:translate(-50%,-50%)scale(1.03)}to{opacity:.4;transform:translate(-50%,-50%)scale(1)}}.logo-wisp{width:14px;height:var(--len,60px);transform-origin:50% 100%;transform:translate(-50%, -100%) rotate(var(--rot,0deg)) translateY(calc(-1 * var(--dist,200px)));clip-path:polygon(0% 100%,100% 100%,50% 0%);will-change:opacity;visibility:var(--wisp-visibility,visible);background:linear-gradient(#0000 0%,#daa52040 55%,#fff0c880 85%,#ffffffe6 100%);border-radius:1px;position:absolute;top:50%;left:50%}.logo-wisp:after{content:"";pointer-events:none;opacity:0;z-index:0;background:radial-gradient(circle,#ffffffe6 0%,#fff0c880 35%,#daa52040 65%,#0000 100%);border-radius:50%;width:10px;height:10px;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}@keyframes wispA{0%{opacity:0;height:0}12%{opacity:.6;height:var(--len,60px)}35%{opacity:.8;height:calc(var(--len,60px) * 1.1)}55%{opacity:.3;height:calc(var(--len,60px) * .7)}75%{opacity:.7;height:var(--len,60px)}90%{opacity:.15;height:calc(var(--len,60px) * .4)}to{opacity:0;height:0}}@keyframes wispB{0%{opacity:0;height:0}8%{opacity:.5;height:calc(var(--len,60px) * .8)}28%{opacity:.75;height:var(--len,60px)}48%{opacity:.2;height:calc(var(--len,60px) * .5)}65%{opacity:.65;height:calc(var(--len,60px) * 1.05)}85%{opacity:.1;height:calc(var(--len,60px) * .3)}to{opacity:0;height:0}}@keyframes wispC{0%{opacity:0;height:0}18%{opacity:.7;height:calc(var(--len,60px) * 1.1)}40%{opacity:.25;height:calc(var(--len,60px) * .6)}60%{opacity:.8;height:var(--len,60px)}80%{opacity:.15;height:calc(var(--len,60px) * .35)}to{opacity:0;height:0}}.profile-image-frame{width:100%;height:100%;box-shadow:0 0 0 4px var(--primary), 0 0 15px #fff0b480, 0 0 35px #daa5204d, 0 0 60px #daa5201a;z-index:1;background:0 0;border-radius:50%;position:relative;overflow:visible}.profile-image-frame:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle,#fffadcf2 0%,#fff0b4a6 18%,#ffdc7833 38%,#ffc8500f 52%,#ffc85005 62%,#ffc85001 72%,#0000 85%);border-radius:50%;width:190%;height:190%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.profile-image{background:0 0;justify-content:center;align-items:center;width:100%;height:100%;display:flex;animation:none!important}@keyframes spin-slow-reverse{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.contact-success-overlay.contact-success-overlay--hidden{display:none!important}.profile-image img{object-fit:contain;isolation:isolate;mix-blend-mode:normal;width:100%;height:100%;transform:scale(1.25);animation:none!important}.project-placeholder img{object-fit:contain;opacity:1;width:144px;height:144px}@media (width>=361px){.hero-image-container{width:220px;height:220px}}@media (width>=481px){.hero-image-container{width:280px;height:280px}.profile-image-glow{width:120%;height:120%}}@media (width>=769px){.hero-image-container{width:400px;height:400px}}@media (width>=1025px){.hero-image-wrapper{order:unset}}@media (height<=400px) and (orientation:landscape){.hero-image-container{width:150px;height:150px}.hero-image-wrapper{margin-top:2vh}}.floating-badge{z-index:5558;backdrop-filter:blur(3.4px);width:120px;height:120px;color:var(--text-primary);will-change:transform;transition:border-color var(--transition-smooth), box-shadow var(--transition-smooth);background:radial-gradient(circle,#ffffff1a 0%,#ffffff0f 70%,#ffffff08 100%);border:1px solid #ffd70024;border-radius:80%;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;margin-top:-60px;margin-left:-60px;padding:0;font-weight:600;display:none;position:absolute;top:50%;left:50%;box-shadow:0 0 18px #ffffff0f}.floating-badge:hover{border-color:#ffd700cc;animation:1.2s ease-in-out infinite alternate badgeGlow;box-shadow:0 0 12px #ffd70066,0 0 30px #ffd70033,0 0 60px #ffd7001a}@keyframes badgeGlow{0%{border-color:#ffd70099;box-shadow:0 0 10px #ffd7004d,0 0 25px #ffd70026}to{border-color:#ffffc8e6;box-shadow:0 0 16px #ffd70099,0 0 40px #ffd7004d,0 0 70px #ffd70026}}a.floating-badge{cursor:pointer;pointer-events:auto;text-decoration:none}.floating-badge i{background:linear-gradient(135deg,#b8860b 0%,gold 25%,#fff5a0 45%,gold 55%,#daa520 75%,#b8860b 100%) 0 0/200% 200%;-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px 2px #ffd7004d);-webkit-background-clip:text;background-clip:text;flex-shrink:0;font-size:1.4rem;animation:4s ease-in-out infinite iconShimmer,3s ease-in-out infinite iconFloat;display:inline-block}@keyframes iconShimmer{0%{filter:drop-shadow(0 1px 2px #ffd7004d);background-position:0 0}50%{filter:drop-shadow(0 1px 6px #ffd70099);background-position:100% 100%}to{filter:drop-shadow(0 1px 2px #ffd7004d);background-position:0 0}}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.badge-content{text-align:center;flex-direction:column;align-items:center;gap:.1rem;display:flex}.badge-title{color:var(--text-primary);font-size:.7rem;font-weight:700;line-height:1.2}.badge-libs{color:var(--text-secondary);font-size:.55rem;font-weight:400;line-height:1.2}.metrics-badge-wrapper{cursor:pointer;pointer-events:auto}.metrics-badge-btn{color:inherit;cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;width:100%;height:100%;padding:0;display:flex}.metrics-dropdown{opacity:0;visibility:hidden;pointer-events:none;z-index:9999;backdrop-filter:blur(20px);background:#14141eeb;border:1px solid #ffd70033;border-radius:14px;min-width:180px;padding:6px;transition:opacity .25s,transform .25s,visibility .25s;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)scale(.9);box-shadow:0 12px 40px #00000080,0 0 20px #ffd7001a}.menu-open .metrics-dropdown{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%)scale(1)}.metrics-dropdown-item{color:#e0e0e0;border-radius:10px;align-items:center;gap:10px;padding:10px 14px;font-size:.82rem;font-weight:500;text-decoration:none;transition:background .2s;display:flex}.metrics-dropdown-item:hover{color:gold;background:#ffd7001f}.metrics-dropdown-item img{border-radius:6px;flex-shrink:0}.metrics-dropdown-icon{color:#888;background:#ffffff14;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.9rem;display:flex}.metrics-dropdown-item--disabled{opacity:.5;pointer-events:none}.metrics-dropdown-soon{text-transform:uppercase;letter-spacing:.05em;color:#888;background:#ffffff0f;border-radius:4px;margin-left:auto;padding:2px 6px;font-size:.6rem;font-weight:600}@media (width>=769px){.floating-badge{display:flex}}.scroll-wheel{background:var(--primary);border-radius:2px;width:4px;height:10px;animation:2s infinite scrollWheel}@keyframes scrollWheel{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}.nav-scroll-hint{pointer-events:none;opacity:1;flex-direction:column;grid-column:3;place-self:center end;align-items:center;gap:.3rem;padding-right:.5rem;transition:opacity .6s;display:flex}.nav-scroll-hint.hidden{opacity:0;pointer-events:none}.nav-scroll-mouse{border:1.5px solid var(--border);border-radius:20px;justify-content:center;width:16px;height:28px;padding-top:5px;display:flex}.nav-scroll-text{color:var(--text-secondary);letter-spacing:.05em;white-space:nowrap;font-size:.6rem;display:none}@media (width>=769px){.nav-scroll-text{display:block}.nav-scroll-mouse{width:20px;height:34px}}.section{padding:2rem 0;scroll-margin-top:80px;position:relative}.section-container{max-width:1400px;margin:0 auto;padding:0 .8rem}.section-header{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.section-number{font-family:var(--font-code);color:var(--primary);font-size:1rem;font-weight:700}.section-title{font-family:var(--font-code);flex-wrap:wrap;align-items:center;gap:.5rem;font-size:clamp(1.3rem,2vw + .8rem,2.5rem);font-weight:700;display:flex}.title-bracket{color:var(--purple)}.title-text{background:var(--gradient-1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.section-line{background:var(--gradient-1);margin-inline-start:0;width:100%;height:2px;margin-top:.5rem}@media (width>=481px){.section-container{padding:0 1rem}.section-number{font-size:1.2rem}}@media (width>=769px){.section{padding:4rem 0}.section-container{padding:0 2rem}.section-header{flex-wrap:nowrap;gap:2rem;margin-bottom:4rem}.section-number{font-size:1.5rem}.section-title{flex-wrap:nowrap}.section-line{margin-inline-start:2rem;flex:1;width:auto;margin-top:0}}.about-content{grid-template-columns:1fr;align-items:center;gap:2rem;display:grid}.about-text{color:var(--text-secondary);margin-bottom:3rem;font-size:1.1rem;line-height:1.8}.about-stats{grid-template-columns:1fr;gap:.8rem;display:grid}.stat-item{text-align:center;backdrop-filter:none;transition:border-color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);background:linear-gradient(#ffffff14,#ffffff08);border:1px solid #ffffff24;border-radius:30px;padding:1.2rem;position:relative}.section.visible .stat-item{backdrop-filter:blur(2px)}.stat-item:hover{border-color:#0000;transform:translateY(-3px);box-shadow:0 8px 20px #0003,0 0 15px #fbbf2426}.stat-number{font-family:var(--font-code);color:var(--primary);margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.stat-label{color:var(--text-secondary);font-size:.85rem}.about-image-container{position:relative}@media (width>=361px){.stat-number{font-size:1.8rem}}@media (width>=481px){.about-stats{gap:1rem}.stat-item{padding:1.5rem}.stat-number{font-size:2rem}.stat-label{font-size:.9rem}}@media (width>=769px){.about-stats{grid-template-columns:repeat(3,1fr);gap:2rem}.stat-item{padding:2rem}.stat-number{font-size:2.5rem}}@media (width>=1025px){.about-content{grid-template-columns:1fr 1fr;gap:4rem}}.code-block{backdrop-filter:none;font-family:var(--font-code);transition:border-color var(--transition-smooth), box-shadow var(--transition-smooth);background:linear-gradient(#ffffff14,#ffffff08);border:1px solid #ffffff24;border-radius:30px;padding:1rem;font-size:.75rem;line-height:1.8;position:relative}.section.visible .code-block{backdrop-filter:blur(2px)}.code-block:hover{border-color:#0000;box-shadow:0 8px 20px #0003,0 0 15px #fbbf244d}.code-line{margin:.5rem 0}.code-line.indent{padding-inline-start:2rem}.code-keyword{color:var(--purple)}.code-variable{color:var(--cyan)}.code-operator{color:var(--primary)}.code-brace,.code-bracket{color:var(--accent)}.code-property{color:var(--cyan)}.code-string{color:var(--accent)}.code-comma,.code-semicolon{color:var(--text-muted)}@media (width>=481px){.code-block{padding:1.5rem;font-size:.8rem}}@media (width>=769px){.code-block{padding:3rem;font-size:.9rem}}.skills-grid{grid-template-columns:1fr;gap:2rem;display:grid}.skill-category{backdrop-filter:none;transition:border-color var(--transition-smooth), box-shadow var(--transition-smooth), backdrop-filter .3s ease;background:linear-gradient(#ffffff14,#ffffff08);border:1px solid #ffffff24;border-radius:30px;padding:1.5rem;position:relative}.section.visible .skill-category{backdrop-filter:blur(2px)}.skill-category:hover{border-color:#0000;box-shadow:0 8px 20px #0003,0 0 15px #fbbf2426}.category-title{font-family:var(--font-code);color:var(--primary);margin-bottom:1rem;font-size:1.2rem;font-weight:700}.skill-items{flex-direction:column;gap:1.5rem;display:flex}.skill-item{position:relative}.skill-header{justify-content:space-between;margin-bottom:.5rem;display:flex}.skill-name{font-family:var(--font-code);color:var(--cyan);font-size:.9rem;font-weight:600}.skill-percent{font-family:var(--font-code);color:var(--primary);font-size:.9rem;font-weight:600}.skill-bar{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:30px;height:12px;position:relative;overflow:hidden}.skill-progress{background:var(--gradient-1);border-radius:6px;width:0%;height:100%;position:relative;box-shadow:0 0 10px #ff6b9d80}.skill-progress:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);animation:2s infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (width>=481px){.skill-category{padding:2rem}.category-title{margin-bottom:1.5rem;font-size:1.3rem}.skill-items{gap:2rem}.skill-name,.skill-percent{font-size:inherit}}@media (width>=769px){.skills-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (width>=1025px){.skills-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem}.skill-category{padding:3rem}.category-title{margin-bottom:2rem;font-size:1.5rem}}.timeline{padding-inline-start:1rem;position:relative}.timeline:before{content:"";background:var(--gradient-1);width:2px;position:absolute;top:0;bottom:0;left:0}.timeline-item{padding-bottom:2.5rem;padding-inline-start:1.5rem;position:relative}@keyframes pulse{0%,to{box-shadow:0 0 20px var(--primary), 0 0 40px var(--primary);opacity:1}50%{box-shadow:0 0 10px var(--primary), 0 0 20px var(--primary);opacity:.6}}.timeline-marker{background:var(--primary);border:3px solid var(--bg-dark);width:12px;height:12px;box-shadow:0 0 20px var(--primary), 0 0 40px var(--primary);border-radius:50%;animation:2s infinite pulse;position:absolute;top:0;left:-1.25rem}.timeline-content{backdrop-filter:none;transition:border-color var(--transition-smooth), transform var(--transition-smooth), box-shadow var(--transition-smooth);background:linear-gradient(#ffffff14,#ffffff08);border:1px solid #ffffff24;border-radius:30px;padding:1.2rem;position:relative}.timeline-item.visible .timeline-content{backdrop-filter:blur(2px)}.timeline-content:hover{border-color:#0000;transform:translate(5px);box-shadow:0 8px 25px #0003,0 0 15px #fbbf2426}.timeline-header{flex-direction:column;align-items:flex-start;gap:.5rem;margin-bottom:1rem;display:flex}.timeline-year{font-family:var(--font-code);color:var(--primary);font-size:.9rem;font-weight:700}.timeline-badge{background:var(--gradient-1);color:#fff;font-size:.75rem;font-weight:600;font-family:var(--font-code);border-radius:30px;padding:.3rem .8rem}.timeline-title{font-family:var(--font-code);color:var(--cyan);margin-bottom:.5rem;font-size:1.2rem;font-weight:700}.timeline-company{color:var(--purple);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.95rem;font-weight:600;display:flex}.timeline-company i{font-size:1rem}.timeline-description{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.9rem;line-height:1.8}.timeline-achievements{backdrop-filter:none;border-left:3px solid var(--primary);background:linear-gradient(#ffffff0f,#ffffff05);border-radius:30px;flex-direction:column;gap:.5rem;margin-bottom:2rem;padding:.8rem;display:flex}.timeline-item.visible .timeline-achievements{backdrop-filter:blur(2px)}.achievement-item{color:var(--text-secondary);align-items:center;gap:.8rem;font-size:.85rem;display:flex}.achievement-item i{color:var(--green);flex-shrink:0;font-size:1rem}.timeline-tags{flex-wrap:wrap;gap:.5rem;display:flex}.tag{color:var(--primary);font-size:.75rem;font-family:var(--font-code);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:30px;padding:.25rem .6rem}[dir=rtl] .timeline{padding-inline:2rem 0}[dir=rtl] .timeline:before{left:auto;right:0}[dir=rtl] .timeline-marker{left:auto;right:-2.5rem}[dir=rtl] .timeline-content:hover{transform:translate(-10px)}@media (width>=481px){.timeline{padding-inline-start:1.5rem}.timeline-item{padding-inline-start:2rem;padding-bottom:3rem}.timeline-marker{width:14px;height:14px;left:-1.75rem}.timeline-content{padding:1.5rem}.timeline-title{font-size:1.3rem}.timeline-achievements{gap:.6rem;padding:1rem}.achievement-item{font-size:.9rem}}@media (width>=769px){.timeline{padding-inline-start:2rem}.timeline-item{padding-bottom:4rem;padding-inline-start:3rem}.timeline-marker{width:16px;height:16px;left:-2.5rem}.timeline-content{padding:3rem}.timeline-header{justify-content:space-between;align-items:center;gap:unset;flex-direction:row}.timeline-title{font-size:1.5rem}.timeline-company{font-size:inherit}.timeline-description{font-size:inherit;margin-bottom:2rem}.timeline-achievements{gap:.8rem;padding:1.5rem}.achievement-item{font-size:.95rem}.tag{padding:.3rem .8rem;font-size:.85rem}}.projects-grid{grid-template-columns:1fr;gap:2.5rem;max-width:1200px;margin-left:auto;margin-right:auto;padding-top:2.5rem;display:grid}.project-card{--pc-radius:24px;--pc-card-bg:#fffaf0;--pc-ink:#151922;--pc-muted:#6f7480;--pc-gold:#d2a84a;--pc-gold-dark:#9f7425;--pc-shadow:0 28px 70px #00000052;isolation:isolate;border-radius:calc(var(--pc-radius) + 4px);background:var(--pc-card-bg);box-shadow:var(--pc-shadow);text-align:center;animation:5.5s ease-in-out infinite pcFloat;animation-delay:var(--pc-float-delay,0s);list-style:none;position:relative}.project-card--anstop{--pc-float-delay:1.2s}.project-card--brewtui{--pc-float-delay:2.4s}.project-card:before{content:"";z-index:-1;border-radius:inherit;background:linear-gradient(135deg,#ffffffd9 0%,#d2a84aeb 50%,#ffffff26 100%);position:absolute;inset:-1px}.project-card .project-placeholder{border-radius:inherit;height:100%;color:inherit;outline-offset:4px;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.project-card .project-placeholder:focus-visible{outline-offset:4px;outline:3px solid #d2a84ae6}.project-card__image{border-radius:var(--pc-radius) var(--pc-radius) 0 0;background:radial-gradient(circle at 50% 18%,#ffffff8c,#0000 14rem),linear-gradient(155deg,#f6d68a 0%,#b87f2a 58%,#3b2a18 100%);height:260px;position:relative;overflow:visible}.project-card__image:after{content:"";pointer-events:none;background:linear-gradient(#ffffff29,#0000 55%);border:1px solid #ffffff52;border-radius:18px;position:absolute;inset:14px}.project-card__portrait{filter:drop-shadow(0 18px 18px #00000059);user-select:none;-webkit-user-drag:none;z-index:2;width:min(340px,110%);max-width:none;position:absolute;bottom:-28px;left:50%;transform:translate(-50%)}.project-card__logo{z-index:3;filter:drop-shadow(0 4px 8px #0000004d);width:40px;height:40px;position:absolute;top:14px;left:14px}.project-card__content{background:var(--pc-card-bg);flex-direction:column;flex:1;justify-content:flex-start;align-items:center;padding:56px 20px 20px;display:flex}.project-card__category{color:var(--pc-gold-dark);font-family:var(--font-body,"MADE Tommy Soft", sans-serif);letter-spacing:.2em;text-transform:uppercase;margin:0 0 6px;font-size:.7rem;font-weight:900}.project-card__heading{color:var(--pc-ink);font-family:var(--font-display,"piximisa", "Montserrat", sans-serif);letter-spacing:-.04em;margin:0;font-size:clamp(1.7rem,3.8vw,2.4rem);font-weight:700;line-height:.95}.project-card__description{max-width:28ch;color:var(--pc-muted);font-family:var(--font-body,"MADE Tommy Soft", sans-serif);margin:12px auto 0;font-size:.875rem;line-height:1.55}.project-card__stats{background:linear-gradient(135deg, var(--pc-gold) 0%, #c28b28 100%);color:#fffaf0;grid-template-columns:repeat(3,1fr);display:grid}.project-card__stat{border-right:1px solid #5a370a47;padding:16px 6px 14px}.project-card__stat:last-child{border-right:0}.project-card__stat-value{font-family:var(--font-display,"piximisa", "Montserrat", sans-serif);text-shadow:0 1px #0000002e;font-size:1.15rem;font-weight:700;line-height:1;display:block}.project-card__stat-label{font-family:var(--font-body,"MADE Tommy Soft", sans-serif);letter-spacing:.14em;text-transform:uppercase;opacity:.9;margin-top:6px;font-size:.625rem;font-weight:800;display:block}.project-card.visible:hover,.project-card .project-placeholder:hover{transform:translateY(0)}.project-card:hover .project-card__portrait,.project-card .project-placeholder:focus-visible .project-card__portrait{transition:transform .24s ease-out;transform:translate(-50%)translateY(-6px)scale(1.02)}@keyframes pcFloat{0%,to{transform:translateY(0)rotate(-.5deg)}50%{transform:translateY(-10px)rotate(.5deg)}}[data-theme=light] .project-card{--pc-shadow:0 18px 48px #0000002e}@media (width>=640px){.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}}@media (width>=960px){.projects-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}.project-card__image{height:220px}.project-card__portrait{width:min(280px,108%);bottom:-22px}.project-card__content{padding:44px 16px 18px}}@media (prefers-reduced-motion:reduce){.project-card,.project-card:hover .project-card__portrait,.project-card .project-placeholder:focus-visible .project-card__portrait{transition:none;animation:none;transform:none}.project-card:hover .project-card__portrait{transform:translate(-50%)}}.contact-content{grid-template-columns:1fr;gap:2rem;max-width:700px;margin:0 auto;display:grid}.contact-item{text-align:center;backdrop-filter:none;transition:border-color var(--transition-smooth), transform var(--transition-smooth), box-shadow var(--transition-smooth);background:linear-gradient(#ffffff14,#ffffff08);border:1px solid #ffffff24;border-radius:30px;flex-direction:column;align-items:center;gap:1rem;padding:1.2rem;display:flex;position:relative}.contact-item.visible{backdrop-filter:blur(2px);cursor:pointer}.contact-item:hover{border-color:#0000;transform:translate(5px);box-shadow:0 5px 15px #00000026,0 0 15px #fbbf2426}[dir=rtl] .contact-item:hover{transform:translate(-10px)}.contact-icon{color:#3a2200;background:linear-gradient(145deg,#fde6b0,#f5b731,#e8872a,#c6701e);border-radius:30px;flex-shrink:0;justify-content:center;align-items:center;width:45px;height:45px;margin:0 auto;font-size:1.1rem;display:flex;box-shadow:0 2px 8px #f5b7314d,inset 0 1px #fff6}.contact-details{flex:1}.contact-label{color:var(--text-muted);font-size:.85rem;font-family:var(--font-code);margin-bottom:.3rem}.contact-value{color:var(--primary);font-size:.95rem;font-weight:600;font-family:var(--font-code);text-decoration:none;display:block}.contact-value:hover{color:var(--cyan)}.contact-form{flex-direction:column;gap:1.5rem;display:flex}.form-group{position:relative}.form-input{width:100%;color:var(--text-primary);font-family:var(--font-primary);min-height:48px;transition:border-color var(--transition), box-shadow var(--transition);background:#0f172abf;border:.2px solid #64abb94d;border-radius:30px;padding:.8rem;font-size:max(16px,1rem);box-shadow:inset 10px 10px 20px #0a0a0a80,inset -10px -10px 20px #ffffff08}.form-input:focus{border-color:#64abb980;outline:none;box-shadow:inset 10px 10px 22px #0a0a0a8c,inset -10px -10px 22px #ffffff08}.form-input:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-color:var(--primary)}.form-textarea{resize:vertical;z-index:0;min-height:150px;padding-bottom:2rem;position:relative}.form-group--textarea{position:relative}.char-counter{text-align:right;color:#ffffff9a;margin-top:-2.15rem;margin-right:15px;font-size:1rem;display:block}.char-counter .char-warn{color:#f472b6}.char-counter .char-over{color:#ef4444;font-weight:700}.btn{cursor:pointer;border:none;border-radius:30px;justify-content:center;align-items:center;gap:.8rem;width:100%;min-height:48px;padding:.8rem 1.2rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:box-shadow .3s,transform .3s;display:inline-flex}.btn-primary{color:var(--text-primary);background:linear-gradient(145deg,#1e293b,#0f172a);border:1px solid #ffffff14;box-shadow:6px 6px 14px #00000080,-4px -4px 12px #ffffff0a,inset 3px 3px 6px #00000040,inset -3px -3px 6px #ffffff08}.btn-primary:hover{box-shadow:2px 2px 6px #0006,-2px -2px 6px #ffffff08,inset 5px 5px 10px #00000059,inset -5px -5px 10px #ffffff0a}.btn-submit{align-self:center}.btn-submit:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.btn-submit .spinner{vertical-align:middle;border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;margin-right:8px;animation:.6s linear infinite spin;display:inline-block}.form-input.invalid{border-color:#ef4444;box-shadow:0 0 0 3px #ef444426}.contact-success-overlay{backdrop-filter:blur(8px);z-index:9999;background:#000000b3;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.contact-success-popup{backdrop-filter:blur(20px);text-align:center;background:linear-gradient(#1e293bf2,#0f172af2);border:1px solid #ffffff24;border-radius:30px;width:90%;max-width:420px;padding:3rem 2.5rem;animation:.4s cubic-bezier(.175,.885,.32,1.275) popIn;box-shadow:0 25px 50px #0006}.contact-success-icon{color:#10b981;margin-bottom:1rem;font-size:3.5rem}.contact-success-title{color:var(--text-primary);margin:0 0 .75rem;font-size:1.5rem;font-weight:700}.contact-success-text{color:var(--text-secondary);text-align:center;margin:0 auto 1.5rem;font-size:1rem;line-height:1.6}.contact-success-close{min-width:160px;color:var(--text-primary);text-align:center;cursor:pointer;background:linear-gradient(145deg,#1e293bcc,#0f172ae6);border:none;border-radius:16px;margin:0 auto;padding:.85rem 2rem;font-size:1rem;font-weight:600;transition:box-shadow .2s,transform .2s;display:block;box-shadow:6px 6px 14px #00000080,-6px -6px 14px #ffffff0a,inset 0 1px #ffffff14}.contact-success-close:hover{transform:translateY(1px);box-shadow:2px 2px 6px #00000080,-2px -2px 6px #ffffff0a,inset 0 1px #ffffff1a}.contact-success-close:active{transform:translateY(2px);box-shadow:inset 4px 4px 10px #00000080,inset -4px -4px 10px #ffffff08}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:scale(.8)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (width>=481px){.contact-item{padding:1.5rem}.contact-icon{width:50px;height:50px;font-size:1.2rem}.contact-label{font-size:.9rem}.contact-value{font-size:inherit}.form-input{padding:.9rem}.btn{padding:.9rem 1.5rem}}@media (width>=769px){.contact-content{gap:4rem}.contact-item{gap:1.5rem;padding:2.5rem 2rem}.contact-icon{width:60px;height:60px;font-size:1.5rem}.contact-form{gap:2rem}.form-input{padding:1rem}.btn{width:auto;padding:1rem 2rem;font-size:1rem}}.main-footer{backdrop-filter:blur(2px);padding:3rem 0;padding-bottom:calc(3rem + env(safe-area-inset-bottom,0px));background:linear-gradient(#ffffff14,#ffffff08);border-top:1px solid #ffffff24;margin-top:4rem}.footer-container{max-width:1400px;margin:0 auto;padding:0 1rem}.footer-content{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;display:flex}.footer-text-wrapper{text-align:center;flex-direction:column;gap:.8rem;display:flex}.footer-text{color:var(--text-secondary);flex-flow:column wrap;justify-content:center;align-items:center;gap:.3rem;font-size:.8rem;line-height:1.6;display:flex}.footer-copyright{color:var(--text-primary);font-weight:600}.footer-divider{color:var(--text-muted);margin:0 .3rem;display:none}.footer-built{color:var(--text-secondary)}.footer-author{color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:.3rem;font-size:.75rem;display:flex}.footer-by-text{color:var(--text-muted)}.footer-author-link{color:var(--primary);transition:color var(--transition-fast), background var(--transition-fast), transform var(--transition-fast);border-radius:30px;align-items:center;gap:.4rem;min-height:48px;padding:.3rem .8rem;font-weight:700;text-decoration:none;display:inline-flex}.footer-author-link:hover{color:var(--cyan);background:#c084fc1a;transform:translateY(-2px)}.footer-author-link i{font-size:.85rem}.footer-social{justify-content:center;gap:1rem;display:flex}.footer-social-link{min-width:48px;min-height:48px;color:var(--text-secondary);transition:color var(--transition-fast), transform var(--transition-fast);flex-direction:column;align-items:center;gap:.4rem;font-size:.9rem;text-decoration:none;display:flex}.footer-social-link i{width:48px;height:48px;min-height:48px;transition:background var(--transition-fast), border-color var(--transition-fast);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;display:flex}.footer-link-label{text-transform:uppercase;letter-spacing:.5px;opacity:.6;white-space:nowrap;font-size:.65rem}.footer-social-link:hover{color:#fff;transform:translateY(-2px)}.footer-social-link:hover i{background:var(--primary);border-color:var(--primary)}@media (width>=481px){.footer-text{flex-direction:row;gap:.5rem;font-size:.85rem}.footer-divider{display:inline}.footer-author{flex-direction:row;gap:.5rem;font-size:.85rem}.footer-author-link{padding:.5rem .8rem}}@media (width>=769px){.footer-container{padding:0 2rem}.footer-content{text-align:start;justify-content:space-between;align-items:center;gap:unset;flex-direction:row}.footer-text-wrapper{text-align:start}.footer-text{justify-content:flex-start;font-size:.95rem}.footer-author{justify-content:flex-start;font-size:.9rem}.footer-social{gap:2rem}}.sun-effect{pointer-events:none;opacity:0;width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sun-directional{clip-path:inset(0 0 50%);pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.sun-core{opacity:0;background:radial-gradient(circle,#fff 0%,#fffdf5 20%,#fff5d7f2 40%,#ffe6aa99 65%,#ffd28233 85%,#0000 100%);border-radius:50%;width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 60px 20px #ffffffe6,0 0 120px 60px #fff5d280,0 0 250px 100px #ffdc964d,0 0 500px 200px #ffc8641f}.sun-corona{opacity:0;background:radial-gradient(circle,#fff6 0%,#fffae640 15%,#ffe6b41f 30%,#ffd28c0d 50%,#0000 70%);border-radius:50%;width:200%;height:200%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sun-beams{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.sun-beam{transform-origin:bottom;opacity:0;background:linear-gradient(#0000 0%,#ffdca01a 25%,#fff0c866 55%,#fffae6cc 85%,#fff 100%);border-radius:2px;width:2.5px;height:0;position:absolute;bottom:50%;left:50%;box-shadow:0 0 6px 2px #fff9,0 0 14px 4px #fff0c84d}.sun-burst{pointer-events:none;opacity:0;width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sun-burst-ray{transform-origin:bottom;opacity:0;clip-path:polygon(49% 100%,51% 100%,50% 0%);position:absolute;bottom:50%;left:50%}.sun-rays{opacity:0;background:conic-gradient(#0000 0deg,#ffffff2e 2deg,#0000 5deg 15deg,#fffadc1f 17deg,#0000 20deg 30deg,#fff3 32deg,#0000 35deg 45deg,#fff0c81a 47deg,#0000 50deg 60deg,#ffffff29 62deg,#0000 65deg 75deg,#fffadc1f 77deg,#0000 80deg 90deg,#ffffff2e 92deg,#0000 95deg 105deg,#fff0c81a 107deg,#0000 110deg 120deg,#ffffff24 122deg,#0000 125deg 135deg,#fffadc1c 137deg,#0000 140deg 150deg,#fff3 152deg,#0000 155deg 165deg,#fff0c817 167deg,#0000 170deg 180deg,#ffffff2b 182deg,#0000 185deg 195deg,#fffadc1f 197deg,#0000 200deg 210deg,#fff3 212deg,#0000 215deg 225deg,#fff0c81a 227deg,#0000 230deg 240deg,#ffffff26 242deg,#0000 245deg 255deg,#fffadc1f 257deg,#0000 260deg 270deg,#ffffff2e 272deg,#0000 275deg 285deg,#fff0c81a 287deg,#0000 290deg 300deg,#ffffff29 302deg,#0000 305deg 315deg,#fffadc1c 317deg,#0000 320deg 330deg,#ffffff24 332deg,#0000 335deg 345deg,#fff0c81a 347deg,#0000 360deg);width:300%;height:300%;animation:90s linear infinite sunRaysRotate;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-mask:radial-gradient(circle,#0000 45%,#000 55%);mask:radial-gradient(circle,#0000 45%,#000 55%)}@keyframes sunRaysRotate{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.sun-flash{pointer-events:none;z-index:0;opacity:0;width:100%;height:100%;position:absolute;top:50%;left:50%;overflow:visible;transform:translate(-50%,-50%)}.flare-glow{pointer-events:none;background:radial-gradient(circle,#ffdc7880 0%,#ffbe3c40 30%,#ffa01e1a 55%,#0000 75%);border-radius:50%;width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.flare-core{background:radial-gradient(circle,#fff 0%,#fffadc 20%,#ffdc8ce6 45%,#ffb43c66 70%,#0000 100%);border-radius:50%;width:18px;height:18px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 6px 3px #fff,0 0 15px 6px #ffe68ce6,0 0 35px 12px #ffc85099,0 0 70px 25px #ffaa284d,0 0 120px 40px #ff8c1426}.flare-spike{width:var(--w,2px);height:var(--len,120px);transform-origin:50% 100%;transform:translate(-50%, -100%) rotate(var(--angle,0deg));filter:blur(.3px);animation:flareSpikePulse 2s ease-in-out var(--d,0s) infinite alternate;background:linear-gradient(#0000 0%,#ff96140d 25%,#ffb43233 50%,#ffd26480 75%,#fff0b4d9 92%,#fff 100%);border-radius:1px;position:absolute;top:50%;left:50%}@keyframes flareSpikePulse{0%{opacity:.7}to{opacity:1}}.flare-streak{background:linear-gradient(90deg,#0000 0%,#ffb43c0d 10%,#ffc86426 25%,#ffe6a066 40%,#fffc 48%,#fff 50%,#fffc 52%,#ffe6a066 60%,#ffc86426 75%,#ffb43c0d 90%,#0000 100%);width:600px;height:1.5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 8px 2px #ffd26433}.flare-bokeh{border-radius:50%;position:absolute}.flare-bokeh-1{background:radial-gradient(circle,#ffb45066 0%,#ff963226 50%,#0000 100%);width:14px;height:14px;top:50%;left:50%;transform:translate(calc(80px - 50%),calc(50px - 50%));box-shadow:0 0 6px 2px #ffb45026}.flare-bokeh-2{background:radial-gradient(circle,#ff8c3c4d 0%,#ff78281a 60%,#0000 100%);border:1px solid #ffa05026;width:22px;height:22px;top:50%;left:50%;transform:translate(calc(-50% - 100px),calc(65px - 50%))}.flare-bokeh-3{background:radial-gradient(circle,#ffc86459 0%,#0000 70%);width:10px;height:10px;top:50%;left:50%;transform:translate(calc(140px - 50%),calc(30px - 50%))}.eclipse-corona{pointer-events:none;z-index:2;opacity:0;width:100%;height:100%;position:absolute;top:50%;left:50%;overflow:visible;transform:translate(-50%,-50%)}.corona-spot{width:var(--size,30px);height:var(--size,30px);transform:rotate(var(--rot,0deg)) translateY(-208px) rotate(calc(-1 * var(--rot,0deg)));background:radial-gradient(ellipse, rgba(255, 230, 170, var(--a,.3)) 0%, rgba(255, 200, 120, calc(var(--a,.3) * .6)) 35%, rgba(255, 170, 70, calc(var(--a,.3) * .25)) 60%, transparent 100%);filter:blur(4px);will-change:transform, opacity;animation:coronaFlicker var(--dur,4s) ease-in-out var(--del,0s) infinite alternate;border-radius:50%;position:absolute;top:50%;left:50%}@keyframes coronaFlicker{0%{opacity:.4;transform:rotate(var(--rot,0deg)) translateY(-208px) rotate(calc(-1 * var(--rot,0deg))) scale(.85)}30%{opacity:1;transform:rotate(var(--rot,0deg)) translateY(-208px) rotate(calc(-1 * var(--rot,0deg))) scale(1.15)}60%{opacity:.6;transform:rotate(var(--rot,0deg)) translateY(-208px) rotate(calc(-1 * var(--rot,0deg))) scale(.9)}to{opacity:.8;transform:rotate(var(--rot,0deg)) translateY(-208px) rotate(calc(-1 * var(--rot,0deg))) scale(1.08)}}.sun-illumination-base{pointer-events:none;z-index:9998;opacity:0;mix-blend-mode:screen;position:fixed;inset:0}.sun-illumination{pointer-events:none;z-index:9999;opacity:0;mix-blend-mode:screen;border-radius:50%;width:1px;height:1px;position:fixed}