/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.start{inset-inline-start:var(--spacing)}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.block{display:block}.grid{display:grid}.hidden{display:none}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}:root,[data-theme=dark]{--bg:#020817;--bg-2:#060f24;--bg-card:#ffffff07;--border:#fff1;--border-h:#8b5cf659;--indigo:#6366f1;--purple:#a855f7;--pink:#ec4899;--cyan:#06b6d4;--amber:#f59e0b;--green:#10b981;--rose:#f43f5e;--text-1:#f8fafc;--text-2:#94a3b8;--text-3:#475569}[data-theme=light]{--bg:#f8fafc;--bg-2:#f1f5f9;--bg-card:#ffffffb3;--border:#00000014;--border-h:#6366f166;--indigo:#4f46e5;--purple:#9333ea;--pink:#db2777;--cyan:#0891b2;--amber:#d97706;--green:#059669;--rose:#e11d48;--text-1:#0f172a;--text-2:#475569;--text-3:#94a3b8}:root{--grad-primary:linear-gradient(135deg, var(--indigo), var(--purple), var(--pink));--grad-accent:linear-gradient(135deg, var(--cyan), var(--indigo));--grad-warm:linear-gradient(135deg, var(--amber), var(--rose));--font-sans:"Inter", system-ui, sans-serif;--font-display:"Space Grotesk", sans-serif;--font-mono:"JetBrains Mono", monospace;--section-gap:clamp(80px, 12vw, 140px);--r-sm:10px;--r-md:16px;--r-lg:24px;--r-xl:32px;--shadow-glow:0 0 40px var(--indigo)}@supports (color:color-mix(in lab,red,red)){:root{--shadow-glow:0 0 40px color-mix(in srgb, var(--indigo) 18%, transparent)}}:root{--shadow-card:0 20px 60px #0006}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--indigo) var(--bg);font-size:16px}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--grad-primary);border-radius:99px}body{font-family:var(--font-sans);background:var(--bg);color:var(--text-1);cursor:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.6;overflow-x:hidden}@media(max-width:768px){body{cursor:auto}}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}body:after{content:"";z-index:0;pointer-events:none;opacity:.018;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.bg-grid{z-index:-2;pointer-events:none;background-image:linear-gradient(#6366f10a 1px,#0000 1px),linear-gradient(90deg,#6366f10a 1px,#0000 1px);background-size:72px 72px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(80% 80%,#000 40%,#0000 100%);mask-image:radial-gradient(80% 80%,#000 40%,#0000)}.aurora-wrap{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.orb{filter:blur(100px);opacity:.18;border-radius:50%;animation:25s ease-in-out infinite drift;position:absolute}.orb-1{background:var(--indigo);width:600px;height:600px;animation-duration:30s;top:-200px;left:-200px}.orb-2{background:var(--purple);width:500px;height:500px;animation-delay:-10s;bottom:-200px;right:-200px}.orb-3{background:var(--pink);width:350px;height:350px;animation-duration:35s;animation-delay:-20s;top:40%;left:30%}@media(max-width:768px){.orb{opacity:.1}.orb-1{width:280px;height:280px}.orb-2{width:240px;height:240px}.orb-3{width:180px;height:180px}}.section{padding-top:var(--section-gap);padding-bottom:var(--section-gap);position:relative}.container{max-width:1200px;margin-inline:auto;padding-inline:clamp(20px,5vw,48px)}.sep{background:linear-gradient(90deg,transparent,var(--border),transparent);height:1px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}html[lang=en] .lang-id,html[lang=id] .lang-en{display:none!important}.font-display{font-family:var(--font-display)}.font-mono{font-family:var(--font-mono)}.heading-xl{font-family:var(--font-display);letter-spacing:-.04em;font-size:clamp(2.8rem,7vw,5.5rem);font-weight:800;line-height:1.05}.heading-lg{font-family:var(--font-display);letter-spacing:-.03em;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.1}.eyebrow{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--text-3);font-size:.72rem}.text-grad{background:var(--grad-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-grad-warm{background:var(--grad-warm);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hover-glow{display:inline-block;position:relative}.hover-glow:after{content:"";background:var(--grad-primary);border-radius:1px;width:0%;height:2px;transition:width .4s cubic-bezier(.22,1,.36,1);position:absolute;bottom:-2px;left:0}.hover-glow:hover:after{width:100%}@keyframes drift{0%,to{transform:translate(0)scale(1)}33%{transform:translate(60px,-40px)scale(1.07)}66%{transform:translate(-40px,50px)scale(.94)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes morph{0%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:30% 60% 70% 40%/50% 60% 30%}to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}}@keyframes float-y{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes pulse-r{0%{opacity:0;transform:scale(.5)}50%{opacity:.5}to{opacity:0;transform:scale(3.5)}}[data-reveal]{opacity:0;transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1)}[data-reveal=up]{transform:translateY(50px)}[data-reveal=left]{transform:translate(-60px)}[data-reveal=right]{transform:translate(60px)}[data-reveal=scale]{transform:scale(.85)}[data-reveal=fade]{transform:none}[data-reveal].revealed{opacity:1;transform:none}.float-anim{animation:4s ease-in-out infinite float-y}.float-anim:nth-child(odd){animation-delay:.5s}.float-anim:nth-child(3n){animation-delay:1s}.float-anim:nth-child(5n){animation-delay:1.5s}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);-webkit-backdrop-filter:blur(16px);transition:border-color .4s,box-shadow .4s,transform .4s;position:relative;overflow:hidden}.card:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#ffffff0a,#0000 60%);position:absolute;inset:0}.card:hover{border-color:var(--border-h);box-shadow:var(--shadow-glow);transform:translateY(-4px)}.card-glow{border-radius:var(--r-lg);position:relative}.card-glow:after{content:"";z-index:-1;border-radius:calc(var(--r-lg) + 1px);background:var(--grad-primary);opacity:0;filter:blur(2px);transition:opacity .4s;position:absolute;inset:-1px}.card-glow:hover:after{opacity:.45}.btn{font-family:var(--font-display);letter-spacing:.01em;border-radius:var(--r-sm);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:8px;padding:12px 24px;font-size:.875rem;font-weight:600;text-decoration:none;transition:transform .3s,box-shadow .3s,opacity .3s;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";background:linear-gradient(90deg,#0000,#ffffff2e,#0000);transition:transform .5s;position:absolute;inset:0;transform:translate(-100%)}.btn:hover:after{transform:translate(100%)}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--grad-primary);color:#fff;box-shadow:0 4px 20px #6366f159}.btn-primary:hover{box-shadow:0 8px 30px #6366f180}.btn-ghost{background:var(--bg-card);border:1px solid var(--border);color:var(--text-2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-ghost:hover{border-color:var(--border-h);color:var(--text-1)}.btn-sent{cursor:not-allowed;background:linear-gradient(135deg,var(--green),#059669)!important;box-shadow:none!important;transform:none!important}.chip{font-family:var(--font-mono);color:var(--indigo);white-space:nowrap;letter-spacing:.02em;background:#6366f11a;border:1px solid #6366f133;border-radius:99px;align-items:center;gap:4px;padding:4px 10px;font-size:.7rem;display:inline-flex}.social-btn{border-radius:var(--r-sm);border:1px solid var(--border);background:var(--bg-card);width:40px;height:40px;color:var(--text-3);justify-content:center;align-items:center;font-size:1rem;transition:color .3s,border-color .3s,background .3s,transform .3s;display:flex}.social-btn:hover{color:var(--text-1);border-color:var(--border-h);background:#6366f11a;transform:translateY(-3px)}.nav-btn{background:var(--bg-card);border:1px solid var(--border);width:48px;height:48px;color:var(--text-2);cursor:pointer;-webkit-backdrop-filter:blur(8px);border-radius:50%;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.22,1,.36,1);display:flex}.nav-btn:hover{background:var(--text-1);color:var(--bg);border-color:var(--text-1);transform:scale(1.08)translateY(-2px);box-shadow:0 10px 20px -5px #0003}.nav-btn:active{opacity:.8;transform:scale(.95)}[data-theme=light] .nav-btn:hover{box-shadow:0 10px 20px -5px #0000001a}#cursor-dot{background:var(--indigo);z-index:99999;pointer-events:none;border-radius:50%;width:5px;height:5px;transition:background .3s;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}#cursor-ring{z-index:99998;pointer-events:none;will-change:transform;border:1.5px solid #6366f199;border-radius:50%;width:32px;height:32px;transition:width .3s cubic-bezier(.22,1,.36,1),height .3s cubic-bezier(.22,1,.36,1),border-color .3s,background .3s;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}#cursor-ring.hovering{border-color:var(--purple);background:#a855f712;width:52px;height:52px}@media(max-width:768px){#cursor-dot,#cursor-ring{display:none}}#site-nav{z-index:900;width:100%;padding:24px 0;transition:all .5s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0}#site-nav.is-scrolled{padding:12px 0}#site-nav.is-scrolled .nav-container{background:var(--bg)}@supports (color:color-mix(in lab,red,red)){#site-nav.is-scrolled .nav-container{background:color-mix(in srgb,var(--bg) 80%,transparent)}}#site-nav.is-scrolled .nav-container{-webkit-backdrop-filter:blur(32px)saturate(200%);border:1px solid var(--border);box-shadow:0 10px 40px -10px var(--text-1);border-radius:99px;padding-inline:24px}@supports (color:color-mix(in lab,red,red)){#site-nav.is-scrolled .nav-container{box-shadow:0 10px 40px -10px color-mix(in srgb,var(--text-1) 15%,transparent)}}.nav-container{justify-content:space-between;align-items:center;height:60px;transition:all .5s cubic-bezier(.4,0,.2,1);display:flex}.nav-logo{font-family:var(--font-display);letter-spacing:-.03em;font-size:1.15rem;font-weight:800}.nav-logo-dot{color:var(--text-3)}.nav-desktop{gap:28px;display:none}@media(min-width:1024px){.nav-desktop{align-items:center;display:flex}}.nav-contact-btn{padding:9px 20px;font-size:.8rem}.nav-contact-icon{font-size:.75rem}.nav-link{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-2);padding:4px 0;font-size:.78rem;font-weight:500;text-decoration:none;transition:color .3s;position:relative}.nav-link:after{content:"";background:var(--grad-accent);width:0;height:1px;transition:width .4s cubic-bezier(.22,1,.36,1);position:absolute;bottom:-2px;left:0}.nav-link:hover{color:var(--text-1)}.nav-link:hover:after{width:100%}.mobile-nav-controls{align-items:center;gap:12px;display:flex}@media(min-width:1024px){.mobile-nav-controls{display:none}}.ham-btn{cursor:pointer;z-index:1001;background:0 0;border:none;flex-direction:column;justify-content:center;gap:6px;width:36px;height:36px;padding:4px;display:flex;position:relative}.ham-btn span{background:var(--text-1);transform-origin:50%;border-radius:2px;height:1.5px;transition:transform .35s,opacity .35s,width .35s;display:block}.ham-btn span:nth-child(2){width:70%}.ham-btn.active span:first-child{transform:translateY(7.5px)rotate(45deg)}.ham-btn.active span:nth-child(2){opacity:0;width:0}.ham-btn.active span:nth-child(3){transform:translateY(-7.5px)rotate(-45deg)}.theme-toggle-btn{border:1px solid var(--border);background:var(--bg-card);width:40px;height:40px;color:var(--text-2);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;transition:all .3s;display:flex;position:relative;overflow:hidden}.theme-toggle-btn:hover{color:var(--text-1);border-color:var(--border-h);background:#6366f11a}.theme-toggle-btn i{transition:transform .5s cubic-bezier(.4,0,.2,1),opacity .5s;position:absolute}[data-theme=dark] .theme-toggle-btn .dark-icon{opacity:1;transform:translateY(0)rotate(0)}[data-theme=dark] .theme-toggle-btn .light-icon{opacity:0;transform:translateY(30px)rotate(90deg)}[data-theme=light] .theme-toggle-btn .light-icon{opacity:1;transform:translateY(0)rotate(0)}[data-theme=light] .theme-toggle-btn .dark-icon{opacity:0;transform:translateY(-30px)rotate(-90deg)}.mobile-theme-toggle{display:flex}.mobile-nav{z-index:999;background:var(--bg);position:fixed;inset:0}@supports (color:color-mix(in lab,red,red)){.mobile-nav{background:color-mix(in srgb,var(--bg) 90%,transparent)}}.mobile-nav{-webkit-backdrop-filter:blur(40px)saturate(200%);justify-content:center;align-items:center;transition:transform .6s cubic-bezier(.8,0,.1,1);display:flex;transform:translate(100%)}.mobile-nav-inner{flex-direction:column;justify-content:flex-start;width:100%;max-width:400px;height:100%;padding:32px;display:flex;overflow-y:auto}.mobile-nav.is-open{transform:translate(0)}.close-nav-btn{background:var(--bg-card);border:1px solid var(--border);width:44px;height:44px;color:var(--text-2);cursor:pointer;z-index:1000;border-radius:50%;justify-content:center;align-items:center;font-size:1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:24px;right:24px}.close-nav-btn:hover{color:var(--text-1);background:#ffffff1a;transform:rotate(90deg)}.mobile-nav-brand{font-family:var(--font-display);letter-spacing:-.03em;text-align:center;margin-top:24px;margin-bottom:48px;font-size:1.5rem;font-weight:800}.mobile-nav-links{flex-direction:column;gap:20px;margin-bottom:auto;display:flex}.mobile-nav-link{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-1);opacity:0;width:fit-content;transition:opacity .4s,transform .4s cubic-bezier(.175,.885,.32,1.275),color .3s;transition-delay:calc(80ms * var(--i));font-size:1.65rem;font-weight:800;text-decoration:none;position:relative;transform:translateY(30px)rotate(5deg)}.mobile-nav.is-open .mobile-nav-link{opacity:1;transform:translateY(0)rotate(0)}.mobile-nav-link:hover{color:var(--indigo)}.mobile-nav-link:before{content:"";background:var(--grad-primary);width:0%;height:2px;transition:width .4s ease-out;position:absolute;bottom:-4px;left:0}.mobile-nav-link:hover:before{width:100%}.mobile-nav-footer{opacity:0;flex-direction:column;align-items:center;padding-top:48px;transition:opacity .5s .6s,transform .5s .6s;display:flex;transform:translateY(20px)}.mobile-nav.is-open .mobile-nav-footer{opacity:1;transform:translateY(0)}.mobile-nav-socials{justify-content:center;gap:16px;display:flex}.hero-section{background:var(--bg);justify-content:center;align-items:center;min-height:100svh;padding:120px 0 80px;transition:background-color .5s;display:flex;position:relative;overflow:hidden}.hero-bg-visuals{pointer-events:none;z-index:0;position:absolute;inset:0}.hero-bg-text{color:var(--text-1);font-size:25vw;font-weight:900;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@supports (color:color-mix(in lab,red,red)){.hero-bg-text{color:color-mix(in srgb,var(--text-1) 3%,transparent)}}.hero-bg-text{white-space:nowrap;letter-spacing:-.05em;-webkit-user-select:none;user-select:none;z-index:1;text-align:center;line-height:.8;animation:20s ease-in-out infinite alternate floating-text}[data-theme=light] .hero-bg-text{color:var(--text-1)}@supports (color:color-mix(in lab,red,red)){[data-theme=light] .hero-bg-text{color:color-mix(in srgb,var(--text-1) 2%,transparent)}}@keyframes floating-text{0%{transform:translate(-50%,-48%)skew(2deg)}to{transform:translate(-50%,-52%)skew(-2deg)}}.hero-bg-grid{background-image:linear-gradient(var(--text-1) 1px,transparent 1px),linear-gradient(90deg,var(--text-1) 1px,transparent 1px);position:absolute;inset:0}@supports (color:color-mix(in lab,red,red)){.hero-bg-grid{background-image:linear-gradient(color-mix(in srgb,var(--text-1) 4%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--text-1) 4%,transparent) 1px,transparent 1px)}}.hero-bg-grid{z-index:2;background-size:60px 60px;-webkit-mask-image:radial-gradient(circle,#000,#0000 80%);mask-image:radial-gradient(circle,#000,#0000 80%)}.hero-bg-glow{background:radial-gradient(circle,var(--indigo) 0%,transparent 70%);width:80vw;height:80vh;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@supports (color:color-mix(in lab,red,red)){.hero-bg-glow{background:radial-gradient(circle,color-mix(in srgb,var(--indigo) 12%,transparent) 0%,transparent 70%)}}.hero-bg-glow{filter:blur(120px);z-index:0;animation:10s infinite alternate glow-pulse}@keyframes glow-pulse{0%{opacity:.4;transform:translate(-50%,-50%)scale(1)}to{opacity:.7;transform:translate(-50%,-50%)scale(1.1)}}.hero-content-centered{z-index:10;text-align:center;flex-direction:column;align-items:center;width:90%;max-width:1000px;display:flex;position:relative}.hero-main-title{letter-spacing:-.02em;text-transform:uppercase;color:var(--text-1);text-shadow:0 10px 30px #0003;margin-bottom:24px;font-size:clamp(2.5rem,8vw,6.5rem);font-weight:900;line-height:1.1}[data-theme=light] .hero-main-title{text-shadow:0 10px 30px var(--indigo)}@supports (color:color-mix(in lab,red,red)){[data-theme=light] .hero-main-title{text-shadow:0 10px 30px color-mix(in srgb,var(--indigo) 10%,transparent)}}.hero-line{display:block}.hero-separator{background:var(--indigo);border-radius:2px;width:100px;height:4px;margin:24px 0}.hero-role-title{font-family:var(--font-mono);letter-spacing:.25em;color:var(--text-2);text-transform:uppercase;margin-bottom:40px;font-size:.85rem;font-weight:700}.hero-subtitle.formal-impact{color:var(--text-2);max-width:750px;margin-bottom:56px;font-size:clamp(1.1rem,2vw,1.3rem);line-height:1.6}.glass-cta{gap:20px;margin-bottom:60px;display:flex}.btn-outline{background:var(--text-1)}@supports (color:color-mix(in lab,red,red)){.btn-outline{background:color-mix(in srgb,var(--text-1) 3%,transparent)}}.btn-outline{border:1px solid var(--text-1)}@supports (color:color-mix(in lab,red,red)){.btn-outline{border:1px solid color-mix(in srgb,var(--text-1) 10%,transparent)}}.btn-outline{color:var(--text-1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-outline:hover{background:var(--text-1)}@supports (color:color-mix(in lab,red,red)){.btn-outline:hover{background:color-mix(in srgb,var(--text-1) 8%,transparent)}}.btn-outline:hover{border-color:var(--indigo);box-shadow:0 10px 20px -10px var(--indigo);transform:translateY(-4px)}@supports (color:color-mix(in lab,red,red)){.btn-outline:hover{box-shadow:0 10px 20px -10px color-mix(in srgb,var(--indigo) 50%,transparent)}}.line-socials{border-top:1px solid var(--border);gap:40px;padding:24px 40px;display:flex}.social-btn-minimal{color:var(--text-2);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:12px;font-size:.8rem;text-decoration:none;transition:all .3s;display:flex}.social-btn-minimal i{color:var(--text-2);font-size:1.2rem}.social-btn-minimal:hover{color:var(--text-1);transform:translateY(-2px)}.social-btn-minimal:hover i{color:var(--indigo);transform:scale(1.2)}.hero-badge-wrap{background:var(--bg-card);border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:99px;margin-bottom:40px;padding:10px 24px}.hero-badge-text{font-family:var(--font-mono);color:var(--green);letter-spacing:.1em;text-transform:uppercase;font-size:.75rem;font-weight:700}.hero-stats-grid{z-index:10;border-top:1px solid var(--border);grid-template-columns:repeat(2,1fr);gap:24px;width:100%;margin-top:48px;padding-top:60px;display:grid;position:relative}@media(min-width:768px){.hero-stats-grid{grid-template-columns:repeat(4,1fr)}}.hero-stat-card{text-align:center;background:0 0;border:none}.hero-stat-number{color:var(--text-1);font-size:clamp(2.2rem,5vw,3.5rem);font-weight:900}.hero-stat-label{color:var(--text-3);font-size:.8rem;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;margin-top:8px}.pulse-ring{width:10px;height:10px;display:inline-block;position:relative}.pulse-ring:before{content:"";background:var(--green);opacity:.3;border-radius:50%;animation:2.5s ease-out infinite pulse-r;position:absolute;inset:-5px}.pulse-dot{background:var(--green);border-radius:50%;width:10px;height:10px;display:block}@media(max-width:768px){.hero-main-title{font-size:13vw}.hero-bg-text{font-size:40vw}.glass-cta{flex-direction:column;gap:16px;width:100%}.line-socials{flex-wrap:wrap;justify-content:center;gap:24px;padding:24px 20px}.hero-role-title{letter-spacing:.2em;font-size:.8rem}}.section-header{margin-bottom:64px}.project-header-flex{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.section-header-content{flex-direction:column;gap:12px;display:flex}.section-desc{color:var(--text-2);max-width:420px;font-size:1rem;line-height:1.7}.project-controls{gap:12px;display:flex}.project-bento{scroll-behavior:smooth;scroll-snap-type:x mandatory;-ms-overflow-style:none;scrollbar-width:none;align-items:stretch;gap:24px;margin-block:-32px;margin-inline:calc(-1*clamp(20px,5vw,48px));padding-block:32px;padding-inline:clamp(20px,5vw,48px);scroll-padding-inline:clamp(20px,5vw,48px);display:flex;overflow:auto hidden}.project-bento::-webkit-scrollbar{display:none}.project-card{scroll-snap-align:start;border-radius:var(--r-xl);border:1px solid var(--border);flex-direction:column;flex:none;width:min(85vw,420px);height:auto;min-height:520px;display:flex;position:relative;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.project-card{border:1px solid color-mix(in srgb,var(--border) 40%,transparent)}}.project-card{background:var(--bg-card);transition:all .5s cubic-bezier(.22,1,.36,1),opacity .4s,filter .4s cubic-bezier(.22,1,.36,1);box-shadow:inset 0 1px 1px #ffffff0d}.project-card:hover{border-color:var(--project-accent)}@supports (color:color-mix(in lab,red,red)){.project-card:hover{border-color:color-mix(in srgb,var(--project-accent) 50%,transparent)}}.project-card:hover{z-index:10;box-shadow:0 20px 50px -10px var(--project-accent),inset 0 1px 1px #ffffff1a;transform:scale(1.03)translateY(-4px)}@supports (color:color-mix(in lab,red,red)){.project-card:hover{box-shadow:0 20px 50px -10px color-mix(in srgb,var(--project-accent) 25%,transparent),inset 0 1px 1px #ffffff1a}}@media(hover:hover){.project-bento:hover .project-card:not(:hover){opacity:.4;filter:blur(4px)grayscale(60%);transform:scale(.96)}}.project-card--cta{background:linear-gradient(135deg,var(--bg-card),var(--bg))}@supports (color:color-mix(in lab,red,red)){.project-card--cta{background:linear-gradient(135deg,var(--bg-card),color-mix(in srgb,var(--bg) 95%,transparent))}}.project-card--cta .project-cta-icon-wrap{align-self:center;margin-top:48px}.project-card--cta .project-body{text-align:center;justify-content:center;align-items:center}.project-img-wrap{aspect-ratio:16/9;width:100%;max-height:280px;position:relative;overflow:hidden}.project-img-wrap:after{content:"";pointer-events:none;box-shadow:inset 0 -40px 60px -20px var(--bg-card);z-index:2;position:absolute;inset:0}.project-img-glow{filter:blur(40px);opacity:.15;z-index:0;transition:opacity .5s;position:absolute;inset:0}.project-card:hover .project-img-glow{opacity:.5}.project-img{z-index:1;object-fit:cover;object-position:top center;width:100%;height:100%;transition:transform .7s cubic-bezier(.22,1,.36,1);display:block;position:relative}.project-card:hover .project-img{transform:scale(1.06)}.project-cta-icon-wrap{margin-bottom:24px;position:relative}.project-cta-glow{background:var(--project-accent);filter:blur(24px);opacity:.2;border-radius:50%;transition:opacity .4s,transform .4s;position:absolute;inset:-10px}.project-card--cta:hover .project-cta-glow{opacity:.5;transform:scale(1.1)}.project-cta-icon{background:var(--project-accent);border-radius:24px;width:76px;height:76px;position:relative}@supports (color:color-mix(in lab,red,red)){.project-cta-icon{background:color-mix(in srgb,var(--project-accent) 8%,transparent)}}.project-cta-icon{border:1px solid var(--project-accent)}@supports (color:color-mix(in lab,red,red)){.project-cta-icon{border:1px solid color-mix(in srgb,var(--project-accent) 25%,transparent)}}.project-cta-icon{color:var(--project-accent);z-index:1;box-shadow:0 8px 24px -8px var(--project-accent);justify-content:center;align-items:center;font-size:2.2rem;transition:all .4s cubic-bezier(.22,1,.36,1);display:flex}@supports (color:color-mix(in lab,red,red)){.project-cta-icon{box-shadow:0 8px 24px -8px color-mix(in srgb,var(--project-accent) 30%,transparent)}}.project-card--cta:hover .project-cta-icon{background:var(--project-accent);color:#fff;box-shadow:0 14px 32px -10px var(--project-accent);transform:scale(1.08)translateY(-4px)}@supports (color:color-mix(in lab,red,red)){.project-card--cta:hover .project-cta-icon{box-shadow:0 14px 32px -10px color-mix(in srgb,var(--project-accent) 60%,transparent)}}.project-body{flex-direction:column;flex:1;gap:12px;padding:24px 32px 32px;display:flex}.project-body-top{flex-direction:column;flex:1;gap:14px;display:flex}.project-tags{flex-wrap:wrap;gap:8px;margin-bottom:4px;display:flex}.project-chip{color:var(--project-accent);background:var(--project-accent)}@supports (color:color-mix(in lab,red,red)){.project-chip{background:color-mix(in srgb,var(--project-accent) 10%,transparent)}}.project-chip{border:1px solid var(--project-accent)}@supports (color:color-mix(in lab,red,red)){.project-chip{border:1px solid color-mix(in srgb,var(--project-accent) 25%,transparent)}}.project-chip{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;-webkit-backdrop-filter:blur(8px);border-radius:99px;padding:5px 12px;font-size:.65rem;font-weight:700}.project-title{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:2px;font-size:1.35rem;font-weight:700}.project-desc{color:var(--text-2);-webkit-line-clamp:3;line-clamp:3;text-overflow:ellipsis;-webkit-box-orient:vertical;font-size:.95rem;line-height:1.7;display:-webkit-box;overflow:hidden}.project-link{color:var(--project-accent);font-size:.85rem;font-weight:600;font-family:var(--font-mono);background:var(--project-accent);align-self:flex-start;align-items:center;gap:8px;margin-top:auto;padding:10px 20px;transition:gap .3s cubic-bezier(.22,1,.36,1);display:inline-flex}@supports (color:color-mix(in lab,red,red)){.project-link{background:color-mix(in srgb,var(--project-accent) 8%,transparent)}}.project-link{border:1px solid var(--project-accent)}@supports (color:color-mix(in lab,red,red)){.project-link{border:1px solid color-mix(in srgb,var(--project-accent) 15%,transparent)}}.project-link{text-transform:uppercase;letter-spacing:.04em;border-radius:99px;transition:all .3s cubic-bezier(.22,1,.36,1)}.project-link:hover{background:var(--project-accent);border-color:var(--project-accent);color:#fff;box-shadow:0 8px 20px -6px var(--project-accent);gap:14px}@supports (color:color-mix(in lab,red,red)){.project-link:hover{box-shadow:0 8px 20px -6px color-mix(in srgb,var(--project-accent) 50%,transparent)}}.project-card--cta .project-link{align-self:center;margin-top:auto}.project-link-icon{font-size:.75rem}.skills-section{background:#6366f105}.skills-header{text-align:center;margin-bottom:64px}.skills-header-title{margin-top:12px}.skills-header-desc{color:var(--text-2);margin-top:12px;font-size:1rem}.skills-icon-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:56px;display:grid}@media(min-width:480px){.skills-icon-grid{grid-template-columns:repeat(6,1fr)}}@media(min-width:768px){.skills-icon-grid{grid-template-columns:repeat(9,1fr)}}@media(min-width:1024px){.skills-icon-grid{grid-template-columns:repeat(9,1fr)}}.skill-card{text-align:center;border-radius:var(--r-md);cursor:default;padding:20px 12px}.skill-icon{margin-bottom:10px;font-size:1.9rem;transition:filter .3s;display:block}.skill-card:not(:hover) .skill-icon{filter:none!important}.skill-label{font-family:var(--font-mono);color:var(--text-3);white-space:nowrap;font-size:.68rem}.skills-bars-grid{grid-template-columns:1fr;gap:20px;display:grid}@media(min-width:768px){.skills-bars-grid{grid-template-columns:repeat(2,1fr)}}.skill-bar-card{border-radius:var(--r-md);padding:20px 24px}.skill-bar-header{justify-content:space-between;align-items:baseline;margin-bottom:12px;display:flex}.skill-bar-label{font-size:.9rem;font-weight:600}.skill-bar-percent{font-family:var(--font-mono);color:var(--indigo);font-size:.78rem}.skill-bar-bg{background:#ffffff0f;border-radius:99px;height:4px;overflow:hidden}.skill-bar-fill{background:var(--grad-accent);border-radius:99px;width:0;height:100%;transition:width 1.6s cubic-bezier(.22,1,.36,1)}.exp-header{margin-bottom:56px}.exp-header-title{margin-top:12px}.tl-track{max-width:760px;padding-left:44px;position:relative}.tl-track:before{content:"";background:linear-gradient(to bottom,var(--indigo) 0%,var(--purple) 50%,var(--pink) 100%);opacity:.5;border-radius:1px;width:2px;height:calc(100% - 8px);position:absolute;top:8px;left:10px}.tl-track:after{content:"";background:linear-gradient(to bottom,transparent,var(--cyan),transparent);filter:blur(2px);z-index:1;border-radius:2px;width:4px;height:80px;animation:5s linear infinite track-flow;position:absolute;top:8px;left:9px}@keyframes track-flow{0%{opacity:0;top:0%}10%{opacity:1}90%{opacity:1}to{opacity:0;top:calc(100% - 80px)}}.tl-entry{padding-bottom:44px;position:relative}.tl-entry:last-child{padding-bottom:0}.tl-dot{border:2px solid var(--exp-accent);background:var(--bg);width:14px;height:14px;box-shadow:0 0 14px var(--exp-accent);border-radius:50%;position:absolute;top:6px;left:4px}@supports (color:color-mix(in lab,red,red)){.tl-dot{box-shadow:0 0 14px color-mix(in srgb,var(--exp-accent) 35%,transparent)}}.tl-dot{z-index:2;transition:all .3s}.tl-entry:hover .tl-dot{background:var(--exp-accent);box-shadow:0 0 20px var(--exp-accent);transform:scale(1.2)}.tl-card{border-radius:var(--r-lg);padding:28px 32px;transition:all .4s}.tl-entry:hover .tl-card{border-color:var(--exp-accent);box-shadow:0 0 24px var(--exp-accent)}@supports (color:color-mix(in lab,red,red)){.tl-entry:hover .tl-card{box-shadow:0 0 24px color-mix(in srgb,var(--exp-accent) 20%,transparent)}}.tl-entry:hover .tl-card{transform:translate(8px)}.tl-period{font-family:var(--font-mono);color:var(--exp-accent);letter-spacing:.08em;background:var(--exp-accent);padding:3px 10px;font-size:.7rem;display:inline-block}@supports (color:color-mix(in lab,red,red)){.tl-period{background:color-mix(in srgb,var(--exp-accent) 8%,transparent)}}.tl-period{border:1px solid var(--exp-accent)}@supports (color:color-mix(in lab,red,red)){.tl-period{border:1px solid color-mix(in srgb,var(--exp-accent) 20%,transparent)}}.tl-period{border-radius:99px;margin-bottom:12px}.tl-role{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:4px;font-size:1.05rem;font-weight:700}.tl-company{color:var(--text-3);font-size:.82rem;font-family:var(--font-mono);margin-bottom:16px}.tl-tasks{flex-direction:column;gap:8px;list-style:none;display:flex}.tl-task-item{align-items:flex-start;gap:10px;display:flex}.tl-task-bullet{color:var(--exp-accent);flex-shrink:0;margin-top:5px;font-size:.6rem}.tl-task-text{color:var(--text-2);font-size:.875rem;line-height:1.6}.gallery-section{background:#a855f704}.gallery-header{margin-bottom:56px}.gallery-header-title{margin-top:12px}.gallery-header-desc{color:var(--text-2);max-width:400px;margin-top:12px;font-size:1rem}.gallery-bento{scroll-snap-type:x mandatory;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;gap:24px;margin-block:-32px;padding-block:32px;display:flex;overflow:auto hidden}.gallery-bento::-webkit-scrollbar{display:none}.gallery-card{scroll-snap-align:start;border-radius:var(--r-lg);cursor:pointer;border:1px solid var(--border);flex:none;width:min(85vw,420px);position:relative;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.gallery-card{border:1px solid color-mix(in srgb,var(--border) 50%,transparent)}}.gallery-card{background:var(--bg-card);transition:all .5s cubic-bezier(.22,1,.36,1)}.gallery-card:hover{border-color:var(--orange)}@supports (color:color-mix(in lab,red,red)){.gallery-card:hover{border-color:color-mix(in srgb,var(--orange) 40%,transparent)}}.gallery-card:hover{box-shadow:0 16px 40px -8px var(--orange)}@supports (color:color-mix(in lab,red,red)){.gallery-card:hover{box-shadow:0 16px 40px -8px color-mix(in srgb,var(--orange) 20%,transparent)}}.gallery-card:hover{transform:translateY(-6px)}.gallery-card img{object-fit:cover;width:100%;height:280px;transition:transform .7s cubic-bezier(.22,1,.36,1);display:block}.gallery-card:hover img{transform:scale(1.08)}.gallery-overlay{opacity:0;background:linear-gradient(#0000,#02081766,#020817f2);flex-direction:column;justify-content:flex-end;gap:6px;padding:24px;transition:all .5s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;inset:0;transform:translateY(15px)}.gallery-card:hover .gallery-overlay{opacity:1;transform:translateY(0)}.gallery-overlay-title{font-family:var(--font-display);color:#fff;opacity:0;font-size:1.1rem;font-weight:700;transition:all .4s .1s;transform:translateY(10px)}.gallery-card:hover .gallery-overlay-title{opacity:1;transform:translateY(0)}.gallery-overlay-sub{font-family:var(--font-mono);color:var(--text-2);opacity:0;font-size:.75rem;transition:all .4s .15s;transform:translateY(10px)}.gallery-card:hover .gallery-overlay-sub{opacity:1;transform:translateY(0)}.gallery-overlay-expand{color:var(--orange);font-size:.8rem;font-weight:600;font-family:var(--font-mono);opacity:0;align-items:center;gap:8px;margin-top:10px;transition:all .4s .2s;display:flex;transform:translateY(10px)}.gallery-card:hover .gallery-overlay-expand{opacity:1;transform:translateY(0)}.gallery-overlay-expand-icon{font-size:.7rem}.gallery-card:after{content:"";border-radius:inherit;box-shadow:inset 0 0 0 1px var(--orange);position:absolute;inset:0}@supports (color:color-mix(in lab,red,red)){.gallery-card:after{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--orange) 30%,transparent)}}.gallery-card:after{pointer-events:none;opacity:0;transition:opacity .5s}.gallery-card:hover:after{opacity:1}#img-modal{z-index:9999;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;pointer-events:none;background:#020817f5;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:fixed;inset:0}#img-modal.open{opacity:1;pointer-events:all}#img-modal img{border-radius:var(--r-lg);object-fit:contain;max-width:90vw;max-height:85vh;box-shadow:var(--shadow-card)}.lightbox-container{width:95%;max-width:900px;padding:0 16px;position:relative}.lightbox-close-btn{padding:8px 14px;position:absolute;top:-52px;right:16px}.lightbox-nav{justify-content:space-between;gap:12px;margin-top:14px;display:flex}.lightbox-nav-btn{padding:10px 20px}.edu-header{margin-bottom:56px}.edu-header-title{margin-top:12px}.edu-track{max-width:760px;padding-left:56px;position:relative}.edu-track:before{content:"";background:linear-gradient(to bottom,var(--cyan) 0%,var(--purple) 50%,var(--amber) 100%);opacity:.5;border-radius:1px;width:2px;height:calc(100% - 8px);position:absolute;top:8px;left:16px}.edu-track:after{content:"";filter:blur(2px);z-index:1;background:linear-gradient(#0000,#fff,#0000);border-radius:2px;width:4px;height:80px;animation:5s linear infinite track-flow;position:absolute;top:8px;left:15px}.edu-entry{padding-bottom:44px;position:relative}.edu-entry:last-child{padding-bottom:0}.edu-dot{border:2px solid var(--edu-accent);background:var(--bg-card);width:38px;height:38px;box-shadow:0 0 14px var(--edu-accent);border-radius:50%;position:absolute;top:0;left:-4px}@supports (color:color-mix(in lab,red,red)){.edu-dot{box-shadow:0 0 14px color-mix(in srgb,var(--edu-accent) 35%,transparent)}}.edu-dot{z-index:2;justify-content:center;align-items:center;transition:all .3s;display:flex}.edu-dot-icon{color:var(--edu-accent);font-size:.9rem}.edu-entry:hover .edu-dot{background:var(--edu-accent);box-shadow:0 0 20px var(--edu-accent);transform:scale(1.1)}.edu-entry:hover .edu-dot-icon{color:#fff}.edu-card{border-radius:var(--r-lg);padding:28px 32px;transition:all .4s;position:relative;overflow:hidden}.edu-entry:hover .edu-card{border-color:var(--edu-accent);box-shadow:0 0 24px var(--edu-accent)}@supports (color:color-mix(in lab,red,red)){.edu-entry:hover .edu-card{box-shadow:0 0 24px color-mix(in srgb,var(--edu-accent) 20%,transparent)}}.edu-entry:hover .edu-card{transform:translate(8px)}.edu-card-blob{background:var(--edu-accent);filter:blur(80px);opacity:.07;pointer-events:none;border-radius:50%;width:180px;height:180px;transition:opacity .4s;position:absolute;top:-60px;right:-60px}.edu-entry:hover .edu-card-blob{opacity:.15}.edu-period{font-family:var(--font-mono);color:var(--edu-accent);letter-spacing:.08em;background:var(--edu-accent);padding:3px 10px;font-size:.7rem;display:inline-block}@supports (color:color-mix(in lab,red,red)){.edu-period{background:color-mix(in srgb,var(--edu-accent) 8%,transparent)}}.edu-period{border:1px solid var(--edu-accent)}@supports (color:color-mix(in lab,red,red)){.edu-period{border:1px solid color-mix(in srgb,var(--edu-accent) 20%,transparent)}}.edu-period{border-radius:99px;margin-bottom:12px}.edu-title{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:4px;font-size:1.05rem;font-weight:700}.edu-org{color:var(--text-3);font-size:.82rem;font-family:var(--font-mono);margin-bottom:16px}.edu-desc{color:var(--text-2);font-size:.875rem;line-height:1.65}.cert-section{background:#ec489905}.cert-header{margin-bottom:56px}.cert-header-title{margin-top:12px}.cert-track{max-width:860px;padding-left:56px;position:relative}.cert-track:before{content:"";background:linear-gradient(to bottom,var(--cyan) 0%,var(--green) 50%,var(--amber) 100%);opacity:.5;border-radius:1px;width:2px;height:calc(100% - 8px);position:absolute;top:8px;left:16px}.cert-track:after{content:"";filter:blur(2px);z-index:1;background:linear-gradient(#0000,#fff,#0000);border-radius:2px;width:4px;height:80px;animation:5s linear infinite track-flow;position:absolute;top:8px;left:15px}.cert-entry{padding-bottom:44px;position:relative}.cert-entry:last-child{padding-bottom:0}.cert-dot{border:2px solid var(--cert-accent);background:var(--bg-card);width:38px;height:38px;box-shadow:0 0 14px var(--cert-accent);border-radius:50%;position:absolute;top:0;left:-4px}@supports (color:color-mix(in lab,red,red)){.cert-dot{box-shadow:0 0 14px color-mix(in srgb,var(--cert-accent) 35%,transparent)}}.cert-dot{z-index:2;justify-content:center;align-items:center;transition:all .3s;display:flex}.cert-dot-icon{color:var(--cert-accent);font-size:.9rem}.cert-entry:hover .cert-dot{background:var(--cert-accent);box-shadow:0 0 20px var(--cert-accent);transform:scale(1.1)}.cert-entry:hover .cert-dot-icon{color:#fff}.cert-card{border-radius:var(--r-lg);transition:all .4s;position:relative;overflow:hidden}.cert-entry:hover .cert-card{border-color:var(--cert-accent);box-shadow:0 0 24px var(--cert-accent)}@supports (color:color-mix(in lab,red,red)){.cert-entry:hover .cert-card{box-shadow:0 0 24px color-mix(in srgb,var(--cert-accent) 20%,transparent)}}.cert-entry:hover .cert-card{transform:translate(8px)}.cert-card-layout{flex-direction:column-reverse;display:flex}@media(min-width:640px){.cert-card-layout{flex-direction:row}}.cert-card-content{flex-direction:column;flex:1;align-items:flex-start;padding:28px 32px;display:flex}.cert-period{font-family:var(--font-mono);color:var(--cert-accent);letter-spacing:.08em;background:var(--cert-accent);padding:3px 10px;font-size:.7rem;display:inline-block}@supports (color:color-mix(in lab,red,red)){.cert-period{background:color-mix(in srgb,var(--cert-accent) 8%,transparent)}}.cert-period{border:1px solid var(--cert-accent)}@supports (color:color-mix(in lab,red,red)){.cert-period{border:1px solid color-mix(in srgb,var(--cert-accent) 20%,transparent)}}.cert-period{border-radius:99px;margin-bottom:12px}.cert-title{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:6px;font-size:1.1rem;font-weight:700}.cert-issuer{color:var(--text-3);font-size:.82rem;font-family:var(--font-mono);align-items:center;gap:6px;margin-bottom:16px;display:flex}.cert-desc{color:var(--text-2);margin-bottom:24px;font-size:.875rem;line-height:1.65}.cert-btn.btn{margin-top:auto;padding:8px 16px;font-size:.8rem}.cert-card-thumb{width:100%;height:200px;position:relative;overflow:hidden}@media(min-width:640px){.cert-card-thumb{border-left:1px solid var(--border);width:240px;height:auto}}.cert-card-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.22,1,.36,1)}.cert-entry:hover .cert-card-thumb img{transform:scale(1.08)}.cert-thumb-overlay{justify-content:flex-end;align-items:flex-end;padding:16px;display:flex;position:absolute;inset:0}.cert-thumb-badge{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-size:.7rem;font-weight:700;font-family:var(--font-mono);background:#00000080;border:1px solid #ffffff1a;border-radius:99px;padding:4px 12px;display:inline-block}.about-header{margin-bottom:56px}.about-header-title{margin-top:12px}.about-bento{grid-template-columns:1fr;gap:16px;display:grid}@media(min-width:768px){.about-bento{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.about-bento{grid-template-rows:auto auto auto;grid-template-columns:repeat(3,1fr)}}.bento-box{border-radius:var(--r-xl);background:var(--bg-card);border:1px solid var(--border);flex-direction:column;justify-content:center;padding:32px;display:flex;position:relative}@supports (color:color-mix(in lab,red,red)){.bento-box{border:1px solid color-mix(in srgb,var(--border) 40%,transparent)}}.bento-box{transition:all .4s;overflow:hidden}.bento-box:hover{border-color:var(--cyan);box-shadow:0 0 32px var(--cyan)}@supports (color:color-mix(in lab,red,red)){.bento-box:hover{box-shadow:0 0 32px color-mix(in srgb,var(--cyan) 15%,transparent)}}.bento-box:hover{transform:translateY(-6px)}@media(min-width:1024px){.bento-intro{grid-area:1/1/2/3}.bento-photo-wrap{grid-area:1/3/3/4;padding:0}.bento-info{grid-area:2/1/3/2}.bento-phil{grid-area:2/2/3/3}.bento-cta{background:var(--bg-card);flex-direction:row;grid-area:3/1/4/4;justify-content:space-between;align-items:center;padding:24px 32px}@supports (color:color-mix(in lab,red,red)){.bento-cta{background:color-mix(in srgb,var(--bg-card) 40%,transparent)}}.bento-cta{border:1px dashed var(--border)}@supports (color:color-mix(in lab,red,red)){.bento-cta{border:1px dashed color-mix(in srgb,var(--border) 80%,transparent)}}}@media(max-width:768px){.about-header{text-align:center;margin-bottom:40px}.bento-box{padding:24px 20px}.bento-intro{text-align:center;align-items:center}.bento-heading{text-wrap:balance;margin-bottom:16px;font-size:1.8rem}.bento-text{text-wrap:pretty;max-width:100%;margin-bottom:14px;font-size:.9rem;line-height:1.7}.bento-cta-buttons{flex-direction:column;gap:12px;width:100%}.bento-cta-buttons .btn{justify-content:center;width:100%}.bento-cta-title{text-align:center;margin-bottom:20px}}.bento-heading{font-size:2.2rem;font-family:var(--font-display);letter-spacing:-.03em;margin-bottom:20px;font-weight:800}.bento-text{color:var(--text-2);margin-bottom:12px;font-size:.95rem;line-height:1.7}.about-text-strong{color:var(--text-1);font-weight:700}.about-color-indigo{color:var(--indigo);font-weight:600}.about-color-cyan{color:var(--cyan);font-weight:500}.about-color-purple{color:var(--purple);font-weight:500}.about-color-pink{color:var(--pink);font-weight:500}.bento-photo-wrap{background:0 0;border:none;min-height:340px;padding:12px;display:block}.bento-photo-wrap:hover{box-shadow:none;transform:none}.about-img-glow{background:linear-gradient(135deg,var(--indigo),var(--pink));filter:blur(40px);opacity:.15;border-radius:var(--r-xl);z-index:0;transition:opacity .5s;position:absolute;inset:0}.bento-photo-wrap:hover .about-img-glow{opacity:.3}.about-img-inner{border-radius:var(--r-xl);border:1px solid var(--indigo);overflow:hidden}@supports (color:color-mix(in lab,red,red)){.about-img-inner{border:1px solid color-mix(in srgb,var(--indigo) 30%,transparent)}}.about-img-inner{z-index:1;height:100%;position:relative;transform:translateZ(0)}.about-img{object-fit:cover;object-position:center 20%;width:100%;height:100%;transition:transform .6s cubic-bezier(.22,1,.36,1);display:block}.bento-photo-wrap:hover .about-img{transform:scale(1.05)}.about-img-overlay{background:linear-gradient(#0000 50%,#02081799);position:absolute;inset:0}.about-exp-badge{border-radius:var(--r-md);z-index:2;align-items:center;gap:14px;padding:16px 20px;display:flex;position:absolute;bottom:-8px;right:-2px;box-shadow:0 20px 60px #0009}.about-exp-num{letter-spacing:-.04em;font-size:2.4rem;font-weight:800;line-height:1}.about-exp-text1{font-size:.78rem;font-weight:600;line-height:1.3}.about-exp-text2{color:var(--text-3);font-size:.68rem;font-family:var(--font-mono)}.bento-info-list{flex-direction:column;gap:18px;list-style:none;display:flex}.bento-info-item{align-items:center;gap:16px;display:flex}.bento-info-icon{background:var(--indigo);border-radius:50%;width:42px;height:42px}@supports (color:color-mix(in lab,red,red)){.bento-info-icon{background:color-mix(in srgb,var(--indigo) 15%,transparent)}}.bento-info-icon{color:var(--cyan);flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;display:flex}.bento-info-content{flex-direction:column;gap:2px;display:flex}.bento-info-label{font-family:var(--font-mono);color:var(--text-3);text-transform:uppercase;letter-spacing:.05em;font-size:.65rem}.bento-info-value{color:var(--text-1);font-size:.9rem;font-weight:600}.text-green{color:var(--green)}.bento-phil-icon{opacity:.8;margin-bottom:20px;font-size:2.4rem}.bento-phil-text{color:var(--text-2);font-size:1.05rem;font-style:italic;line-height:1.8}.bento-cta-title{font-size:1.35rem;font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:16px}.bento-cta-buttons{flex-wrap:wrap;gap:16px;display:flex}@media(min-width:1024px){.bento-cta-title{margin-bottom:0;font-size:1.5rem}}.contact-section{background:#6366f105}.contact-header{text-align:center;margin-bottom:64px}.contact-header-title{margin-top:12px}.contact-header-desc{color:var(--text-2);margin-top:12px;font-size:1rem}.contact-desc-highlight{color:var(--indigo)}.contact-grid{grid-template-columns:1fr;gap:32px;max-width:1000px;margin-inline:auto;display:grid}@media(min-width:1024px){.contact-grid{grid-template-columns:1fr 1.4fr}}.contact-info-col{flex-direction:column;gap:16px;display:flex}.contact-info-card{border-radius:var(--r-md);align-items:center;gap:16px;padding:20px 22px;transition:all .4s;display:flex}.contact-info-card:hover{border-color:var(--contact-accent);box-shadow:0 0 24px var(--contact-accent)}@supports (color:color-mix(in lab,red,red)){.contact-info-card:hover{box-shadow:0 0 24px color-mix(in srgb,var(--contact-accent) 15%,transparent)}}.contact-info-card:hover{transform:translateY(-4px)}.contact-info-icon-wrap{border-radius:var(--r-sm);background:var(--contact-accent);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}@supports (color:color-mix(in lab,red,red)){.contact-info-icon-wrap{background:color-mix(in srgb,var(--contact-accent) 10%,transparent)}}.contact-info-icon-wrap{border:1px solid var(--contact-accent)}@supports (color:color-mix(in lab,red,red)){.contact-info-icon-wrap{border:1px solid color-mix(in srgb,var(--contact-accent) 20%,transparent)}}.contact-info-icon{color:var(--contact-accent)}.contact-info-label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);margin-bottom:3px;font-size:.68rem}.contact-info-value{color:var(--text-1);font-size:.9rem}.contact-info-link{color:var(--text-1);align-items:center;gap:8px;text-decoration:none;transition:color .3s;display:inline-flex}.contact-info-link:hover{color:var(--contact-accent)}.contact-link-icon{opacity:0;font-size:.7rem;transition:all .3s cubic-bezier(.22,1,.36,1);transform:translate(-5px)translateY(-5px)}.contact-info-link:hover .contact-link-icon{opacity:1;transform:translate(0)translateY(0)}.contact-social-wrap{margin-top:8px}.contact-social-title{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);margin-bottom:12px;font-size:.7rem}.contact-social-links{gap:10px;display:flex}.contact-form-card{border-radius:var(--r-lg);padding:36px;transition:all .4s}.contact-form-card:hover{border-color:var(--indigo);box-shadow:0 0 32px var(--indigo)}@supports (color:color-mix(in lab,red,red)){.contact-form-card:hover{box-shadow:0 0 32px color-mix(in srgb,var(--indigo) 15%,transparent)}}.contact-form-card:hover{transform:translateY(-4px)}.contact-form-row{grid-template-columns:1fr;gap:16px;margin-bottom:16px;display:grid}@media(min-width:768px){.contact-form-row{grid-template-columns:1fr 1fr}}.contact-form-group{margin-bottom:16px}.contact-form-group-textarea{margin-bottom:24px}.contact-submit-btn{justify-content:center;width:100%}.field{border:1px solid var(--border);border-radius:var(--r-sm);width:100%;color:var(--text-1);font-family:var(--font-sans);resize:vertical;background:#ffffff08;outline:none;padding:13px 16px;font-size:.9rem;transition:border-color .3s,box-shadow .3s;display:block}.field::placeholder{color:var(--text-3)}.field:focus{border-color:#6366f180;box-shadow:0 0 0 3px #6366f11a}.field-label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);margin-bottom:8px;font-size:.72rem;display:block}.site-footer{border-top:1px solid var(--border);padding:48px 0 32px}.footer-top-row{flex-direction:column;gap:32px;margin-bottom:40px;display:flex}.footer-brand-link{font-family:var(--font-display);letter-spacing:-.03em;font-size:1.2rem;font-weight:800}.footer-brand-ext{color:var(--text-3)}.footer-brand-desc{color:var(--text-3);max-width:240px;margin-top:8px;font-size:.82rem;line-height:1.6}.footer-nav-grid{grid-template-columns:repeat(3,1fr);gap:8px 24px;display:grid}.footer-nav-link{font-size:.78rem}.footer-social-col{flex-direction:column;gap:12px;display:flex}.footer-social-title{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);font-size:.68rem}.footer-social-links{gap:10px;display:flex}.footer-bottom-row{text-align:center;flex-direction:column;align-items:center;gap:10px;margin-top:28px;display:flex}.footer-copyright{color:var(--text-3);font-size:.78rem}.footer-tech{font-family:var(--font-mono);color:var(--text-3);font-size:.72rem}.footer-tech-astro{color:#ff5d01}.footer-tech-tw{color:#06b6d4}.footer-tech-love{color:var(--indigo)}#scroll-top{z-index:800;border:1px solid var(--border);background:var(--bg-card);width:44px;height:44px;color:var(--text-2);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;opacity:0;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;transition:opacity .3s,transform .3s,border-color .3s,color .3s;display:flex;position:fixed;bottom:28px;right:24px;transform:translateY(12px)}#scroll-top.visible{opacity:1;pointer-events:all;transform:translateY(0)}#scroll-top:hover{border-color:var(--border-h);color:var(--text-1)}@media(min-width:768px){.md-footer-row{flex-direction:row;justify-content:space-between;align-items:flex-start}.md-footer-bottom{flex-direction:row;justify-content:space-between}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}