*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}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-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;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}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.ml-2{margin-left:.5rem}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-zinc-700\/50{border-color:#3f3f4680}.px-3{padding-left:.75rem;padding-right:.75rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.font-display{font-family:Syne,sans-serif}.text-xs{font-size:.75rem;line-height:1rem}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.tracking-wider{letter-spacing:.05em}.text-zinc-400{--tw-text-opacity:1;color:rgb(161 161 170/var(--tw-text-opacity,1))}.blur{--tw-blur:blur(8px);filter:var(--tw-blur)var(--tw-brightness)var(--tw-contrast)var(--tw-grayscale)var(--tw-hue-rotate)var(--tw-invert)var(--tw-saturate)var(--tw-sepia)var(--tw-drop-shadow)}.filter{filter:var(--tw-blur)var(--tw-brightness)var(--tw-contrast)var(--tw-grayscale)var(--tw-hue-rotate)var(--tw-invert)var(--tw-saturate)var(--tw-sepia)var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}html{scroll-behavior:smooth}[id]{scroll-margin-top:80px}body{color:#e4e4e7;background:#0a0a0f;font-family:DM Sans,sans-serif;overflow-x:hidden}::selection{color:#fff;background:#e8b9314d}.grain:before{content:"";pointer-events:none;z-index:9999;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");width:200%;height:200%;position:fixed;inset:-50%}.mesh-gradient{position:relative;overflow:hidden}.blob{filter:blur(80px);opacity:.15;pointer-events:none;border-radius:50%;position:absolute}.blob-1{background:radial-gradient(circle,#e8b931 0%,#0000 70%);width:600px;height:600px;animation:8s ease-in-out infinite float;top:-200px;right:-200px}.blob-2{background:radial-gradient(circle,#3b82f6 0%,#0000 70%);width:500px;height:500px;animation:10s ease-in-out 2s infinite float;bottom:-150px;left:-150px}.blob-3{background:radial-gradient(circle,#a855f7 0%,#0000 70%);width:400px;height:400px;animation:12s ease-in-out 4s infinite float;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(2deg)}}.nav-glass{-webkit-backdrop-filter:blur(20px)saturate(180%);background:#0a0a0fb3;border-bottom:1px solid #e8b93114}.nav-link{letter-spacing:.08em;text-transform:uppercase;color:#e4e4e780;padding:.5rem 1rem;font-family:Syne,sans-serif;font-size:.8rem;font-weight:600;transition:color .4s cubic-bezier(.16,1,.3,1);position:relative}.nav-link:after{content:"";background:linear-gradient(90deg,#e8b931,#f5d04e);width:0;height:2px;transition:all .4s cubic-bezier(.16,1,.3,1);position:absolute;bottom:0;left:50%;transform:translate(-50%)}.nav-link:hover,.nav-link.active{color:#e8b931}.nav-link:hover:after,.nav-link.active:after{width:100%}.hero-title{letter-spacing:-.03em;font-family:Syne,sans-serif;font-weight:800;line-height:.95}.hero-subtitle{letter-spacing:.15em;text-transform:uppercase;font-family:Syne,sans-serif;font-weight:500}.profile-ring{display:inline-block;position:relative}.profile-ring:before{content:"";z-index:0;background:conic-gradient(#e8b931,#f5d04e,#3b82f6,#a855f7,#e8b931);border-radius:50%;animation:8s linear infinite spin;position:absolute;inset:-4px}.profile-ring:after{content:"";filter:blur(20px);opacity:.4;z-index:0;background:conic-gradient(#e8b931,#f5d04e,#3b82f6,#a855f7,#e8b931);border-radius:50%;animation:8s linear infinite spin;position:absolute;inset:-4px}@keyframes spin{to{transform:rotate(360deg)}}.section-heading{font-family:Syne,sans-serif;font-weight:800;display:inline-block;position:relative}.section-heading .heading-accent{opacity:.04;color:#e8b931;pointer-events:none;font-family:Syne,sans-serif;font-size:5rem;font-weight:800;line-height:1;position:absolute;top:-8px;left:-16px}.skill-card{text-align:center;background:linear-gradient(135deg,#1a1a24cc,#111118e6);border:1px solid #e8b9310f;border-radius:20px;padding:2rem 1.5rem;transition:all .5s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.skill-card:before{content:"";-webkit-mask-composite:xor;background:linear-gradient(135deg,#e8b93100,#e8b9311a,#e8b93100);border-radius:20px;padding:1px;transition:all .5s cubic-bezier(.16,1,.3,1);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;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.skill-card:hover{border-color:#e8b93133;transform:translateY(-8px);box-shadow:0 20px 40px -12px #e8b93126}.skill-card:hover:before{background:linear-gradient(135deg,#e8b9314d,#f5d04e1a,#e8b9314d)}.skill-card .skill-icon{margin-bottom:1rem;font-size:2.5rem;transition:transform .5s cubic-bezier(.16,1,.3,1)}.skill-card:hover .skill-icon{transform:scale(1.2)rotate(-5deg)}.timeline{padding-left:3rem;position:relative}.timeline:before{content:"";background:linear-gradient(#e8b931,#e8b9311a);width:2px;position:absolute;top:0;bottom:0;left:7px}.timeline-item{margin-bottom:3rem;position:relative}.timeline-dot{z-index:2;background:#0a0a0f;border:3px solid #e8b931;border-radius:50%;width:16px;height:16px;transition:all .3s;position:absolute;top:6px;left:-3rem;box-shadow:0 0 0 4px #e8b93100}.timeline-item:hover .timeline-dot{background:#e8b931;box-shadow:0 0 0 6px #e8b93126}.timeline-card{background:linear-gradient(135deg,#1a1a2499,#111118cc);border:1px solid #ffffff0a;border-radius:16px;padding:2rem;transition:all .5s cubic-bezier(.16,1,.3,1)}.timeline-card:hover{border-color:#e8b93126;transform:translate(8px);box-shadow:-8px 0 30px -12px #e8b9311a}.reveal{opacity:0;transition:all .8s cubic-bezier(.16,1,.3,1);transform:translateY(30px)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}.reveal-delay-5{transition-delay:.5s}.glass{-webkit-backdrop-filter:blur(16px)saturate(150%);background:#11111899;border:1px solid #ffffff0a}.btn-primary{color:#0a0a0f;letter-spacing:.04em;background:linear-gradient(135deg,#e8b931,#f5d04e);border-radius:100px;align-items:center;gap:.5rem;padding:.875rem 2rem;font-family:Syne,sans-serif;font-size:.85rem;font-weight:700;transition:all .4s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;overflow:hidden}.btn-primary:before{content:"";opacity:0;background:linear-gradient(135deg,#f5d04e,#e8b931);transition:opacity .4s;position:absolute;inset:0}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 30px -8px #e8b93166}.btn-primary:hover:before{opacity:1}.btn-primary span,.btn-primary svg{z-index:1;position:relative}.btn-outline{color:#e4e4e7;letter-spacing:.04em;background:0 0;border:1.5px solid #e4e4e726;border-radius:100px;align-items:center;gap:.5rem;padding:.875rem 2rem;font-family:Syne,sans-serif;font-size:.85rem;font-weight:700;transition:all .4s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-outline:hover{color:#e8b931;border-color:#e8b931;transform:translateY(-2px);box-shadow:0 12px 30px -8px #e8b93126}.tech-tag{letter-spacing:.05em;text-transform:uppercase;color:#e8b931;background:#e8b93114;border:1px solid #e8b9311f;border-radius:100px;padding:.25rem .75rem;font-family:DM Sans,sans-serif;font-size:.7rem;font-weight:600;display:inline-block}.edu-card{background:linear-gradient(135deg,#1a1a2480,#111118b3);border:1px solid #ffffff0a;border-radius:16px;padding:1.5rem;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.edu-card:before{content:"";background:linear-gradient(180deg,var(--accent-color,#e8b931),transparent);opacity:.6;width:3px;height:100%;transition:opacity .4s;position:absolute;top:0;left:0}.edu-card:hover{border-color:#ffffff14;transform:translateY(-4px)}.edu-card:hover:before{opacity:1}.marquee-track{width:max-content;animation:30s linear infinite marquee;display:flex}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.interest-pill{background:#1a1a2480;border:1px solid #ffffff0a;border-radius:14px;align-items:center;gap:.75rem;padding:1rem 1.25rem;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex}.interest-pill:hover{background:#e8b9310a;border-color:#e8b93126;transform:translate(6px)}.gradient-line{background:linear-gradient(90deg,#0000,#e8b9314d,#0000);height:1px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0a0a0f}::-webkit-scrollbar-thumb{background:#e8b93133;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#e8b93166}.mobile-menu{-webkit-backdrop-filter:blur(24px);z-index:100;opacity:0;pointer-events:none;background:#0a0a0ff2;flex-direction:column;justify-content:center;align-items:center;gap:2rem;transition:opacity .4s;display:flex;position:fixed;inset:0}.mobile-menu.open{opacity:1;pointer-events:all}.mobile-menu a{letter-spacing:.06em;color:#e4e4e799;font-family:Syne,sans-serif;font-size:1.5rem;font-weight:700;transition:color .3s}.mobile-menu a:hover{color:#e8b931}.stat-number{background:linear-gradient(135deg,#e8b931,#f5d04e);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Syne,sans-serif;font-size:2.5rem;font-weight:800;line-height:1}.stat-label{letter-spacing:.1em;text-transform:uppercase;color:#e4e4e766;margin-top:.25rem;font-size:.75rem}.project-showcase{position:relative}.project-showcase__number{opacity:.04;pointer-events:none;z-index:0;font-family:Syne,sans-serif;font-size:8rem;font-weight:800;line-height:1;position:absolute;top:-2rem;left:-1rem}.project-showcase__grid{z-index:1;flex-direction:column;gap:3rem;display:flex;position:relative}@media (min-width:768px){.project-showcase__grid{flex-direction:row;align-items:center;gap:4rem}}.project-showcase__image-wrap{flex:1.2;min-width:0}.project-showcase__image-frame{background:#111118cc;border:1px solid #ffffff0f;border-radius:16px;transition:all .6s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:0 20px 60px -20px #00000080}.project-showcase__image-frame:hover{border-color:var(--project-color,#e8b93133);box-shadow:0 30px 80px -20px #0009,0 0 40px -10px var(--project-color,#e8b93126);transform:translateY(-8px)scale(1.01)}.project-showcase__browser-bar{background:#1a1a24e6;border-bottom:1px solid #ffffff0a;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.project-showcase__browser-dots{gap:6px;display:flex}.project-showcase__browser-dots span{opacity:.8;border-radius:50%;width:10px;height:10px}.project-showcase__browser-url{flex:1;justify-content:center;display:flex}.project-showcase__browser-url span{color:#e4e4e74d;background:#ffffff08;border-radius:6px;padding:.25rem 1rem;font-family:DM Sans,sans-serif;font-size:.7rem}.project-showcase__screenshot{aspect-ratio:16/9;overflow:hidden}.project-showcase__screenshot img{transition:transform .8s cubic-bezier(.16,1,.3,1)}.project-showcase__image-frame:hover .project-showcase__screenshot img{transform:scale(1.03)}.project-showcase__glow{pointer-events:none;opacity:0;height:100%;transition:opacity .6s;position:absolute;bottom:-50%;left:10%;right:10%}.project-showcase__image-frame:hover .project-showcase__glow{opacity:1}.project-showcase__info{flex:1;min-width:0}.project-tech-pill{background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;align-items:center;gap:.5rem;padding:.5rem 1rem;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex}.project-tech-pill:hover{border-color:var(--pill-color,#e8b9314d);background:#ffffff0d;transform:translateY(-2px)}.cta-card{border-radius:24px;position:relative;overflow:hidden}.cta-card__inner{background:linear-gradient(135deg,#1a1a2499,#111118cc);border:1px solid #e8b93114;border-radius:24px;padding:4rem 2rem;position:relative}.cta-card__inner:before{content:"";background:linear-gradient(90deg,#0000,#e8b931,#0000);width:200px;height:1px;position:absolute;top:0;left:50%;transform:translate(-50%)}@media (min-width:768px){.cta-card__inner{padding:5rem 4rem}}.hover\:border-primary\/30:hover{border-color:#e8b9314d}.hover\:text-primary:hover{--tw-text-opacity:1;color:rgb(232 185 49/var(--tw-text-opacity,1))}