@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}}}@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{.start{inset-inline-start:var(--spacing)}.mt-3{margin-top:calc(var(--spacing) * 3)}.block{display:block}.flex{display:flex}.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,)}.flex-wrap{flex-wrap:wrap}.gap-3{gap:calc(var(--spacing) * 3)}.italic{font-style:italic}}:root{--bg:#050505;--bg-elevated:#0a0a0a;--text:#f0f0f0;--text-dim:#666;--text-muted:#444;--accent:#6c63ff;--accent2:#a855f7;--cyan:#00d4ff;--gradient:#6c63ff;--radius:16px;--ease:cubic-bezier(.23, 1, .32, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:auto;overflow-x:hidden}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif;overflow-x:hidden}.noise-overlay{z-index:9000;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:128px 128px;position:fixed;inset:0}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--accent);border-radius:10px}::selection{background:var(--accent);color:#fff}h1,h2,h3,h4,h5,h6{font-family:Poppins,sans-serif}.ambient-orb{filter:blur(150px);pointer-events:none;z-index:-1;opacity:.08;border-radius:50%;position:fixed}.orb-1{background:var(--accent);width:600px;height:600px;animation:25s ease-in-out infinite orbFloat1;top:-200px;left:-200px}.orb-2{background:var(--accent2);width:500px;height:500px;animation:30s ease-in-out infinite orbFloat2;bottom:-200px;right:-200px}.orb-3{background:var(--cyan);width:400px;height:400px;animation:35s ease-in-out infinite orbFloat3;top:40%;left:60%}@keyframes orbFloat1{0%,to{transform:translate(0)scale(1)}50%{transform:translate(120px,180px)scale(1.1)}}@keyframes orbFloat2{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-150px,-120px)scale(1.15)}}@keyframes orbFloat3{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-80px,60px)scale(1.2)}}.mesh-grid{z-index:-2;background-image:linear-gradient(#6c63ff06 1px,#0000 1px),linear-gradient(90deg,#6c63ff06 1px,#0000 1px);background-size:80px 80px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(#0006 0%,#0000 70%);mask-image:radial-gradient(#0006,#0000 70%)}.section-wrap{max-width:1300px;margin:0 auto;padding:140px 48px;position:relative}@media(max-width:768px){.section-wrap{padding:100px 20px}}.section-header{align-items:center;gap:20px;margin-bottom:80px;display:flex}.section-num{color:var(--accent);letter-spacing:.1em;flex-shrink:0;font-family:Poppins,sans-serif;font-size:.85rem;font-weight:600}.section-line{background:linear-gradient(90deg,#6c63ff4d,#0000);flex:1;height:1px}.section-header-title{color:var(--text);letter-spacing:-.04em;flex-shrink:0;font-size:clamp(2.5rem,6vw,4rem);font-weight:800;line-height:1}.section-header-title span{color:var(--accent)}.section-divider{background:linear-gradient(90deg,#0000,#6c63ff26,#a855f726,#0000);width:100%;max-width:1300px;height:1px;margin:0 auto}.loader-screen{z-index:10000;background:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:40px;display:flex;position:fixed;inset:0}.loader-logo{letter-spacing:-.04em;background:var(--gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Poppins,sans-serif;font-size:4rem;font-weight:900}.loader-bar-track{background:#ffffff0d;border-radius:10px;width:240px;height:2px;overflow:hidden}.loader-bar-fill{background:var(--gradient);border-radius:10px;width:0%;height:100%}.loader-percent{color:var(--text-dim);font-variant-numeric:tabular-nums;letter-spacing:.1em;font-size:.8rem;font-weight:600}.custom-cursor{pointer-events:none;z-index:9998;width:16px;height:16px;transition:width .4s var(--ease),height .4s var(--ease),border-color .3s ease,background .3s ease;mix-blend-mode:difference;background:0 0;border:1.5px solid #6c63ff99;border-radius:50%;position:fixed;transform:translate(-50%,-50%)}.custom-cursor.hovered{background:#6c63ff26;border-color:#6c63ff66;width:56px;height:56px}.navbar{z-index:1000;transition:all .4s var(--ease);padding:0 48px;position:fixed;top:0;left:0;right:0}.navbar.scrolled{-webkit-backdrop-filter:blur(24px);background:#050505cc;border-bottom:1px solid #ffffff0a}.nav-inner{justify-content:space-between;align-items:center;max-width:1300px;margin:0 auto;padding:24px 0;display:flex}.nav-logo{color:var(--text);letter-spacing:-.02em;font-family:Poppins,sans-serif;font-size:1.3rem;font-weight:800;text-decoration:none;transition:opacity .3s}.nav-logo:hover{opacity:.7}.nav-links{gap:4px;list-style:none;display:flex}.nav-link{color:var(--text-dim);cursor:pointer;transition:all .3s var(--ease);letter-spacing:.02em;background:0 0;border:none;border-radius:50px;padding:8px 18px;font-family:Inter,sans-serif;font-size:.82rem;font-weight:500;text-decoration:none}.nav-link:hover{color:var(--text)}.nav-link.active{color:var(--text);background:#ffffff0f}.nav-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:none}.nav-toggle span{background:var(--text);width:24px;height:1.5px;transition:all .3s;display:block}.nav-toggle.open span:first-child{transform:rotate(45deg)translate(5px,5px)}.nav-toggle.open span:nth-child(2){opacity:0}.nav-toggle.open span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}@media(max-width:768px){.navbar{padding:0 20px}.nav-links{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);width:280px;height:100vh;transition:right .5s var(--ease);background:#050505f7;border-left:1px solid #ffffff0a;flex-direction:column;gap:8px;padding:100px 32px;position:fixed;top:0;right:-100%}.nav-links.open{right:0}.nav-toggle{z-index:1001;display:flex}}.hero-section{background:linear-gradient(135deg,#050505,#0a0a0a,#050505) 0 0/400% 400%;justify-content:center;align-items:center;height:100vh;min-height:700px;animation:20s infinite gradientShift;display:flex;position:relative;overflow:hidden}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.hero-float{background:#6c63ff1a;border-radius:50%;animation:15s ease-in-out infinite float;position:absolute}.hero-float:first-child{width:100px;height:100px;animation-delay:0s;top:20%;left:10%}.hero-float:nth-child(2){width:60px;height:60px;animation-delay:5s;top:60%;right:15%}.hero-float:nth-child(3){width:80px;height:80px;animation-delay:10s;bottom:30%;left:20%}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(180deg)}}.hero-canvas{z-index:0;position:absolute;inset:0}.hero-content{z-index:10;text-align:center;max-width:1000px;padding:0 24px;position:relative}.hero-badge{color:var(--text-dim);letter-spacing:.12em;text-transform:uppercase;opacity:0;background:#ffffff08;border:1px solid #ffffff14;border-radius:50px;align-items:center;gap:10px;margin-bottom:40px;padding:8px 24px;font-size:.78rem;font-weight:500;display:inline-flex}.hero-badge .badge-dot{background:#22c55e;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse;box-shadow:0 0 12px #22c55e80}@keyframes pulse{50%{opacity:.5}}.hero-name{letter-spacing:-.05em;opacity:0;margin-bottom:32px;font-size:clamp(3.5rem,10vw,7rem);font-weight:900;line-height:.95}.hero-name .line{display:block}.hero-name .outline-text{-webkit-text-stroke:1.5px var(--text);-webkit-text-fill-color:transparent}.hero-name .gradient-text{background:var(--gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-role{color:var(--text-dim);opacity:0;letter-spacing:.02em;margin-bottom:16px;font-size:clamp(1rem,2.5vw,1.2rem);font-weight:400}.hero-role .accent{color:var(--accent);font-weight:500}.hero-tagline{color:var(--text-muted);opacity:0;margin-bottom:56px;font-size:.95rem;font-style:italic}.hero-buttons{opacity:0;flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.mag-btn{color:var(--text);cursor:pointer;transition:all .5s var(--ease);letter-spacing:.03em;background:0 0;border:1px solid #ffffff1a;border-radius:50px;align-items:center;gap:10px;padding:16px 40px;font-family:Inter,sans-serif;font-size:.88rem;font-weight:500;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.mag-btn:before{content:"";background:var(--gradient);opacity:0;transition:opacity .5s var(--ease);z-index:-1;border-radius:50px;position:absolute;inset:0}.mag-btn:hover{border-color:#0000;transform:scale(1.05);box-shadow:0 0 60px #6c63ff40}.mag-btn:hover:before{opacity:1}.mag-btn-primary{background:var(--gradient);border-color:#0000}.mag-btn-primary:hover{box-shadow:0 0 80px #6c63ff59}.marquee-section{border-top:1px solid #ffffff0a;border-bottom:1px solid #ffffff0a;padding:40px 0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 12% 88%,#0000 100%);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.marquee-track{width:max-content;animation:30s linear infinite marquee;display:flex}.marquee-track:hover{animation-play-state:paused}.marquee-item{letter-spacing:-.03em;white-space:nowrap;color:#0000;-webkit-text-stroke:1.5px #ffffff59;padding:0 40px;font-family:Poppins,sans-serif;font-size:clamp(2rem,5vw,4rem);font-weight:800;transition:all .4s}.marquee-item:hover{-webkit-text-stroke:1.5px var(--accent);-webkit-text-fill-color:var(--accent);text-shadow:0 0 40px #6c63ff66}.marquee-dot{color:var(--accent);-webkit-text-fill-color:var(--accent);-webkit-text-stroke:none;align-self:center;padding:0 20px;font-size:1.5rem}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.about-layout{grid-template-columns:1fr 1.2fr;align-items:start;gap:80px;display:grid}.about-label{color:var(--accent);letter-spacing:.15em;text-transform:uppercase;margin-bottom:32px;font-size:.78rem;font-weight:600}.about-big-text{letter-spacing:-.02em;color:var(--text);margin-bottom:40px;font-family:Poppins,sans-serif;font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:700;line-height:1.3}.about-big-text .dim{color:var(--text-dim);font-weight:400}.about-body{color:var(--text-dim);font-size:1rem;line-height:1.9}.about-body p{margin-bottom:20px}.about-body strong{color:var(--text);font-weight:600}.about-stats{grid-template-columns:1fr 1fr;gap:24px;display:grid}.stat-card{border-radius:var(--radius);transition:all .5s var(--ease);background:#ffffff05;border:1px solid #ffffff0a;padding:32px}.stat-card:hover{border-color:#6c63ff26;transform:translateY(-4px);box-shadow:0 16px 48px #0000004d}.stat-card .stat-icon{margin-bottom:16px;font-size:2rem}.stat-card .stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;margin-bottom:6px;font-size:.72rem;font-weight:600}.stat-card .stat-value{color:var(--text);font-family:Poppins,sans-serif;font-size:1.2rem;font-weight:700}@media(max-width:768px){.about-layout{grid-template-columns:1fr;gap:48px}}.skills-categories{flex-direction:column;gap:64px;display:flex}.skills-cat-header{align-items:center;gap:16px;margin-bottom:28px;display:flex}.skills-cat-name{color:var(--text-dim);letter-spacing:.12em;text-transform:uppercase;flex-shrink:0;font-size:.78rem;font-weight:600}.skills-cat-line{background:#ffffff0f;flex:1;height:1px}.skills-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.skill-card{text-align:center;cursor:default;border-radius:var(--radius);transition:all .5s var(--ease);background:#ffffff04;border:1px solid #ffffff0a;padding:32px 16px;position:relative;overflow:hidden}.skill-card:after{content:"";background:var(--gradient);width:0;height:2px;transition:width .5s var(--ease);position:absolute;bottom:0;left:50%;transform:translate(-50%)}.skill-card:hover:after{width:50%}.skill-card:hover{background:#6c63ff08;border-color:#6c63ff26;transform:translateY(-6px);box-shadow:0 16px 48px #0000004d}.skill-card .skill-icon{margin-bottom:14px;font-size:2rem}.skill-card .skill-name{color:var(--text);font-size:.85rem;font-weight:600}.projects-list{flex-direction:column;gap:24px;display:flex}.project-card{transition:all .6s var(--ease);background:#ffffff04;border:1px solid #ffffff0a;border-radius:20px;grid-template-columns:1fr 1.4fr;align-items:start;gap:48px;padding:48px;display:grid;position:relative;overflow:hidden}.project-card:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(135deg,#6c63ff00,#6c63ff33,#00d4ff1a,#0000);border-radius:20px;padding:1px;transition:opacity .6s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;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}.project-card:hover:before{opacity:1}.project-card:hover{border-color:#6c63ff1a;transform:translateY(-8px)rotate(.5deg);box-shadow:0 32px 80px #0006}.project-card-alt{background:#ffffff03;border-radius:16px;transform:translate(20px)}.project-card-alt:hover{transform:translateY(-8px)translate(20px)rotate(-.3deg)}.project-num{-webkit-text-stroke:1px #6c63ff26;-webkit-text-fill-color:transparent;letter-spacing:-.05em;margin-bottom:16px;font-family:Poppins,sans-serif;font-size:6rem;font-weight:900;line-height:1}.project-title{color:var(--text);letter-spacing:-.02em;margin-bottom:8px;font-family:Poppins,sans-serif;font-size:1.6rem;font-weight:700}.project-desc{color:var(--text-dim);margin-bottom:12px;font-size:.95rem;line-height:1.8}.project-story{color:var(--text-muted);border-left:2px solid var(--accent);background:#6c63ff08;border-radius:4px;margin-bottom:16px;padding:8px 12px;font-size:.85rem;font-style:italic}.project-features{margin-bottom:28px;list-style:none}.project-features li{color:var(--text-dim);padding:6px 0 6px 24px;font-size:.88rem;position:relative}.project-features li:before{content:"→";color:var(--accent);font-weight:600;position:absolute;left:0}.project-tags{flex-wrap:wrap;gap:8px;margin-bottom:28px;display:flex}.project-tag{color:var(--text-dim);letter-spacing:.04em;background:#ffffff08;border:1px solid #ffffff0f;border-radius:50px;padding:6px 16px;font-size:.72rem;font-weight:600;transition:all .3s}.project-tag:hover{color:var(--accent);border-color:#6c63ff33}.project-link{color:var(--text);transition:all .4s var(--ease);letter-spacing:.02em;align-items:center;gap:10px;font-size:.88rem;font-weight:600;text-decoration:none;display:inline-flex}.project-link:hover{color:var(--accent);gap:18px}@media(max-width:768px){.project-card{grid-template-columns:1fr;gap:24px;padding:32px}.project-num{font-size:4rem}}.achievements-grid{background:#ffffff08;border-radius:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2px;display:grid;overflow:hidden}.ach-card{text-align:center;background:var(--bg);transition:all .5s var(--ease);padding:56px 32px;position:relative}.ach-card:hover{background:#6c63ff08}.ach-card .ach-icon{margin-bottom:20px;font-size:2.5rem}.ach-card .ach-count{letter-spacing:-.03em;background:var(--gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Poppins,sans-serif;font-size:3.5rem;font-weight:900}.ach-card .ach-label{color:var(--text-dim);margin-top:12px;font-size:.85rem;font-weight:500}@media(max-width:768px){.achievements-grid{grid-template-columns:1fr}}.timeline{max-width:750px;margin:0 auto;padding-left:56px;position:relative}.timeline:before{content:"";background:linear-gradient(to bottom,var(--accent),#6c63ff0d);width:1px;position:absolute;top:0;bottom:0;left:16px}.timeline-item{border-radius:var(--radius);transition:all .5s var(--ease);background:#ffffff04;border:1px solid #ffffff0a;margin-bottom:56px;padding:32px 36px;position:relative}.timeline-item:hover{border-color:#6c63ff1f;transform:translate(12px);box-shadow:0 16px 48px #0000004d}.timeline-item:before{content:"";background:var(--accent);width:10px;height:10px;box-shadow:0 0 20px var(--accent),0 0 40px #6c63ff4d;border:2px solid var(--bg);border-radius:50%;position:absolute;top:36px;left:-48px}.timeline-item .tl-date{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px;font-size:.75rem;font-weight:600}.timeline-item .tl-title{color:var(--text);letter-spacing:-.01em;margin-bottom:6px;font-size:1.1rem;font-weight:700}.timeline-item .tl-subtitle{color:var(--text-dim);font-size:.9rem}.contact-layout{grid-template-columns:1fr 1.2fr;align-items:start;gap:80px;display:grid}.contact-heading{letter-spacing:-.03em;margin-bottom:24px;font-family:Poppins,sans-serif;font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.2}.contact-heading span{background:var(--gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.contact-body{color:var(--text-dim);margin-bottom:40px;line-height:1.8}.contact-links{flex-direction:column;gap:12px;display:flex}.contact-link-item{color:var(--text-dim);transition:all .4s var(--ease);background:#ffffff04;border:1px solid #ffffff0a;border-radius:12px;align-items:center;gap:16px;padding:16px 24px;text-decoration:none;display:flex}.contact-link-item:hover{color:var(--text);border-color:#6c63ff1f;transform:translate(8px)}.contact-link-item .cl-icon{flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;display:flex}.contact-link-item .cl-label{color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;font-size:.7rem;font-weight:600}.contact-link-item .cl-value{color:var(--text);margin-top:2px;font-size:.9rem;font-weight:500}.contact-form{flex-direction:column;gap:16px;display:flex}.form-group{position:relative}.form-group input,.form-group textarea{width:100%;color:var(--text);transition:all .4s var(--ease);resize:vertical;background:#ffffff05;border:1px solid #ffffff0f;border-radius:12px;outline:none;padding:18px 20px;font-family:Inter,sans-serif;font-size:.92rem}.form-group input:focus,.form-group textarea:focus{border-color:#6c63ff4d;box-shadow:0 0 40px #6c63ff14}.form-group label{color:var(--text-muted);pointer-events:none;transition:all .3s var(--ease);background:var(--bg);padding:0 8px;font-size:.85rem;position:absolute;top:50%;left:20px;transform:translateY(-50%)}.form-group textarea~label{top:22px;transform:none}.form-group input:focus~label,.form-group input:not(:placeholder-shown)~label{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-size:.7rem;font-weight:600;top:0;transform:translateY(-50%)}.form-group textarea:focus~label,.form-group textarea:not(:placeholder-shown)~label{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-size:.7rem;font-weight:600;top:-8px}.submit-btn{background:var(--gradient);color:#fff;cursor:pointer;width:100%;transition:all .5s var(--ease);letter-spacing:.04em;border:none;border-radius:12px;padding:18px;font-family:Inter,sans-serif;font-size:.92rem;font-weight:700}.submit-btn:hover{transform:translateY(-3px);box-shadow:0 0 60px #6c63ff4d}.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@media(max-width:768px){.contact-layout{grid-template-columns:1fr;gap:48px}}.footer{border-top:1px solid #ffffff0a;padding:48px}.footer-inner{justify-content:space-between;align-items:center;max-width:1300px;margin:0 auto;display:flex}.footer-copy{color:var(--text-muted);font-size:.78rem}.footer-links{gap:24px;display:flex}.footer-links a{color:var(--text-dim);font-size:.82rem;font-weight:500;text-decoration:none;transition:color .3s}.footer-links a:hover{color:var(--text)}.cert-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.cert-card{border-radius:var(--radius);transition:all .5s var(--ease);background:#ffffff04;border:1px solid #ffffff0a;flex-direction:column;display:flex;position:relative;overflow:hidden}.cert-card:before{content:"";border-radius:var(--radius);background:linear-gradient(135deg,var(--cert-color,var(--accent)),transparent 60%);opacity:0;transition:opacity .5s var(--ease);pointer-events:none;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;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}.cert-card:hover:before{opacity:1}.cert-card:hover{background:#ffffff08;border-color:#0000;transform:translateY(-8px);box-shadow:0 24px 60px #00000073}.cert-preview{border-radius:var(--radius) var(--radius) 0 0;background:#0000004d;flex-shrink:0;justify-content:center;align-items:center;width:100%;height:160px;display:flex;position:relative;overflow:hidden}.cert-preview:after{content:"";pointer-events:none;z-index:2;background:linear-gradient(#0000 50%,#050505cc);position:absolute;inset:0}.react-pdf{justify-content:center;width:100%;height:100%;display:flex}.react-pdf__Document{width:100%;height:100%;display:flex}.react-pdf__Page{object-fit:contain;width:100%;height:100%;display:flex}.react-pdf__Page canvas{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:160px}.pdf-loading{color:#fff;opacity:.7;justify-content:center;align-items:center;width:100%;height:100%;font-size:.9rem;display:flex}.cert-preview-img{object-fit:cover;object-position:top;width:100%;height:100%;transition:transform .6s var(--ease);display:block}.cert-card:hover .cert-preview-img{transform:scale(1.05)}.cert-preview-fallback{width:100%;height:100%;box-shadow:inset 0 0 60px var(--cert-color,#6c63ff);background:#ffffff08;justify-content:center;align-items:center;display:flex}@supports (color:color-mix(in lab,red,red)){.cert-preview-fallback{box-shadow:inset 0 0 60px color-mix(in srgb,var(--cert-color,#6c63ff) 12%,transparent)}}.cert-preview-icon{opacity:.7;font-size:3.5rem}.cert-body{flex-direction:column;flex:1;gap:6px;padding:20px 24px;display:flex}.cert-title{color:var(--text);letter-spacing:-.01em;font-family:Poppins,sans-serif;font-size:.92rem;font-weight:700;line-height:1.35}.cert-issuer{color:var(--text-dim);font-size:.78rem;font-weight:500}.cert-date{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px;font-size:.7rem;font-weight:600}.cert-link{color:var(--text-dim);letter-spacing:.04em;transition:all .35s var(--ease);white-space:nowrap;border:1px solid #ffffff0f;border-radius:50px;align-self:flex-start;align-items:center;gap:6px;margin-top:auto;padding:7px 14px;font-size:.75rem;font-weight:600;text-decoration:none;display:inline-flex}.cert-link:hover{color:var(--accent);background:#6c63ff0f;border-color:#6c63ff4d}.cert-link span{transition:transform .3s var(--ease);display:inline-block}.cert-link:hover span{transform:translate(4px)}@media(max-width:1024px){.cert-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.cert-grid{grid-template-columns:1fr}}@media(max-width:768px){.footer{padding:32px 20px}.footer-inner{text-align:center;flex-direction:column;gap:16px}}@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}:root{--react-pdf-annotation-layer: 1;--annotation-unfocused-field-background: url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>");--input-focus-border-color: Highlight;--input-focus-outline: 1px solid Canvas;--input-unfocused-border-color: transparent;--input-disabled-border-color: transparent;--input-hover-border-color: black;--link-outline: none}@media screen and (forced-colors:active){:root{--input-focus-border-color: CanvasText;--input-unfocused-border-color: ActiveText;--input-disabled-border-color: GrayText;--input-hover-border-color: Highlight;--link-outline: 1.5px solid LinkText}.annotationLayer .textWidgetAnnotation :is(input,textarea):required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required{outline:1.5px solid selectedItem}.annotationLayer .linkAnnotation:hover{-webkit-backdrop-filter:invert(100%);backdrop-filter:invert(100%)}}.annotationLayer{position:absolute;top:0;left:0;pointer-events:none;transform-origin:0 0;z-index:3}.annotationLayer[data-main-rotation="90"] .norotate{transform:rotate(270deg) translate(-100%)}.annotationLayer[data-main-rotation="180"] .norotate{transform:rotate(180deg) translate(-100%,-100%)}.annotationLayer[data-main-rotation="270"] .norotate{transform:rotate(90deg) translateY(-100%)}.annotationLayer canvas{position:absolute;width:100%;height:100%}.annotationLayer section{position:absolute;text-align:initial;pointer-events:auto;box-sizing:border-box;margin:0;transform-origin:0 0}.annotationLayer .linkAnnotation{outline:var(--link-outline)}.textLayer.selecting~.annotationLayer section{pointer-events:none}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a{position:absolute;font-size:1em;top:0;left:0;width:100%;height:100%}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a:hover{opacity:.2;background:#ff0;box-shadow:0 2px 10px #ff0}.annotationLayer .textAnnotation img{position:absolute;cursor:pointer;width:100%;height:100%;top:0;left:0}.annotationLayer .textWidgetAnnotation :is(input,textarea),.annotationLayer .choiceWidgetAnnotation select,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{background-image:var(--annotation-unfocused-field-background);border:2px solid var(--input-unfocused-border-color);box-sizing:border-box;font:calc(9px * var(--scale-factor)) sans-serif;height:100%;margin:0;vertical-align:top;width:100%}.annotationLayer .textWidgetAnnotation :is(input,textarea):required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required{outline:1.5px solid red}.annotationLayer .choiceWidgetAnnotation select option{padding:0}.annotationLayer .buttonWidgetAnnotation.radioButton input{border-radius:50%}.annotationLayer .textWidgetAnnotation textarea{resize:none}.annotationLayer .textWidgetAnnotation :is(input,textarea)[disabled],.annotationLayer .choiceWidgetAnnotation select[disabled],.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input[disabled]{background:none;border:2px solid var(--input-disabled-border-color);cursor:not-allowed}.annotationLayer .textWidgetAnnotation :is(input,textarea):hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:hover{border:2px solid var(--input-hover-border-color)}.annotationLayer .textWidgetAnnotation :is(input,textarea):hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .buttonWidgetAnnotation.checkBox input:hover{border-radius:2px}.annotationLayer .textWidgetAnnotation :is(input,textarea):focus,.annotationLayer .choiceWidgetAnnotation select:focus{background:none;border:2px solid var(--input-focus-border-color);border-radius:2px;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) :focus{background-image:none;background-color:transparent}.annotationLayer .buttonWidgetAnnotation.checkBox :focus{border:2px solid var(--input-focus-border-color);border-radius:2px;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.radioButton :focus{border:2px solid var(--input-focus-border-color);outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{background-color:CanvasText;content:"";display:block;position:absolute}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{height:80%;left:45%;width:1px}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before{transform:rotate(45deg)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{transform:rotate(-45deg)}.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{border-radius:50%;height:50%;left:30%;top:20%;width:50%}.annotationLayer .textWidgetAnnotation input.comb{font-family:monospace;padding-left:2px;padding-right:0}.annotationLayer .textWidgetAnnotation input.comb:focus{width:103%}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{appearance:none}.annotationLayer .popupTriggerArea{height:100%;width:100%}.annotationLayer .fileAttachmentAnnotation .popupTriggerArea{position:absolute}.annotationLayer .popupWrapper{position:absolute;font-size:calc(9px * var(--scale-factor));width:100%;min-width:calc(180px * var(--scale-factor));pointer-events:none}.annotationLayer .popup{position:absolute;max-width:calc(180px * var(--scale-factor));background-color:#ff9;box-shadow:0 calc(2px * var(--scale-factor)) calc(5px * var(--scale-factor)) #888;border-radius:calc(2px * var(--scale-factor));padding:calc(6px * var(--scale-factor));margin-left:calc(5px * var(--scale-factor));cursor:pointer;font:message-box;white-space:normal;word-wrap:break-word;pointer-events:auto}.annotationLayer .popup>*{font-size:calc(9px * var(--scale-factor))}.annotationLayer .popup h1{display:inline-block}.annotationLayer .popupDate{display:inline-block;margin-left:calc(5px * var(--scale-factor))}.annotationLayer .popupContent{border-top:1px solid rgba(51,51,51,1);margin-top:calc(2px * var(--scale-factor));padding-top:calc(2px * var(--scale-factor))}.annotationLayer .richText>*{white-space:pre-wrap;font-size:calc(9px * var(--scale-factor))}.annotationLayer .highlightAnnotation,.annotationLayer .underlineAnnotation,.annotationLayer .squigglyAnnotation,.annotationLayer .strikeoutAnnotation,.annotationLayer .freeTextAnnotation,.annotationLayer .lineAnnotation svg line,.annotationLayer .squareAnnotation svg rect,.annotationLayer .circleAnnotation svg ellipse,.annotationLayer .polylineAnnotation svg polyline,.annotationLayer .polygonAnnotation svg polygon,.annotationLayer .caretAnnotation,.annotationLayer .inkAnnotation svg polyline,.annotationLayer .stampAnnotation,.annotationLayer .fileAttachmentAnnotation{cursor:pointer}.annotationLayer section svg{position:absolute;width:100%;height:100%;top:0;left:0}.annotationLayer .annotationTextContent{position:absolute;width:100%;height:100%;opacity:0;color:transparent;-webkit-user-select:none;user-select:none;pointer-events:none}.annotationLayer .annotationTextContent span{width:100%;display:inline-block}:root{--react-pdf-text-layer: 1;--highlight-bg-color: rgba(180, 0, 170, 1);--highlight-selected-bg-color: rgba(0, 100, 0, 1)}@media screen and (forced-colors:active){:root{--highlight-bg-color: Highlight;--highlight-selected-bg-color: ButtonText}}[data-main-rotation="90"]{transform:rotate(90deg) translateY(-100%)}[data-main-rotation="180"]{transform:rotate(180deg) translate(-100%,-100%)}[data-main-rotation="270"]{transform:rotate(270deg) translate(-100%)}.textLayer{position:absolute;text-align:initial;inset:0;overflow:hidden;line-height:1;text-size-adjust:none;forced-color-adjust:none;transform-origin:0 0;z-index:2}.textLayer :is(span,br){color:transparent;position:absolute;white-space:pre;cursor:text;margin:0;transform-origin:0 0}.textLayer span.markedContent{top:0;height:0}.textLayer .highlight{margin:-1px;padding:1px;background-color:var(--highlight-bg-color);border-radius:4px}.textLayer .highlight.appended{position:initial}.textLayer .highlight.begin{border-radius:4px 0 0 4px}.textLayer .highlight.end{border-radius:0 4px 4px 0}.textLayer .highlight.middle{border-radius:0}.textLayer .highlight.selected{background-color:var(--highlight-selected-bg-color)}.textLayer br::selection{background:transparent}.textLayer .endOfContent{display:block;position:absolute;inset:100% 0 0;z-index:-1;cursor:default;-webkit-user-select:none;user-select:none}.textLayer.selecting .endOfContent{top:0}.hiddenCanvasElement{position:absolute;top:0;left:0;width:0;height:0;display:none}