@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-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration: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}}}.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.top-full{top:100%}.bottom-\[68px\]{bottom:68px}.bottom-full{bottom:100%}.left-1\/2{left:50%}.-z-10{z-index:-10}.z-10{z-index:10}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.container{width:100%}.mt-auto{margin-top:auto}.ml-auto{margin-left:auto}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.h-\[100px\]{height:100px}.h-\[500px\]{height:500px}.h-\[900px\]{height:900px}.h-auto{height:auto}.h-full{height:100%}.max-h-\[320px\]{max-height:320px}.w-\[100px\]{width:100px}.w-\[110px\]{width:110px}.w-\[320px\]{width:320px}.w-\[450px\]{width:450px}.w-\[1000px\]{width:1000px}.w-full{width:100%}.w-screen{width:100vw}.max-w-\[90px\]{max-width:90px}.max-w-\[92vw\]{max-width:92vw}.min-w-\[240px\]{min-width:240px}.flex-1{flex:1}.shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.basis-2\/12{flex-basis:16.6667%}.basis-4\/12{flex-basis:33.3333%}.basis-8\/12{flex-basis:66.6667%}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-decimal{list-style-type:decimal}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.gap-\[80px\]{gap:80px}.gap-\[103px\]{gap:103px}.gap-\[136px\]{gap:136px}.gap-\[140px\]{gap:140px}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-y-scroll{overflow-y:scroll}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-2{border-top-style:var(--tw-border-style);border-top-width:2px}.border-t-4{border-top-style:var(--tw-border-style);border-top-width:4px}.border-r-4{border-right-style:var(--tw-border-style);border-right-width:4px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-transparent{border-color:#0000}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.text-center{text-align:center}.text-left{text-align:left}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[33px\]{font-size:33px}.text-\[34px\]{font-size:34px}.text-\[36px\]{font-size:36px}.text-\[38px\]{font-size:38px}.text-\[40px\]{font-size:40px}.text-\[60px\]{font-size:60px}.whitespace-nowrap{white-space:nowrap}.text-\[\#0A66C2\]{color:#0a66c2}.text-\[\#00acee\]{color:#00acee}.uppercase{text-transform:uppercase}.opacity-0{opacity:0}.opacity-70{opacity:.7}.opacity-100{opacity:1}.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,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}@media(hover:hover){.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}.hover\:cursor-pointer:hover{cursor:pointer}.hover\:shadow-\[0_0_0_1px_rgba\(255\,255\,255\,0\.08\)\,0_12px_30px_rgba\(0\,0\,0\,0\.4\)\]:hover{--tw-shadow:0 0 0 1px var(--tw-shadow-color,#ffffff14),0 12px 30px var(--tw-shadow-color,#0006);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-\[0_20px_40px_rgba\(0\,0\,0\,0\.35\)\]:hover{--tw-shadow:0 20px 40px var(--tw-shadow-color,#00000059);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}:root{color-scheme:dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0b0614;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}html{background-color:#0b0614}body{background-color:#0b0614;min-width:320px;min-height:100vh;margin:0}#root{background-color:#0b0614;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#ffffffde;background-color:#0b0614}html,body,#root{background-color:#0b0614}a:hover{color:#747bff}button{background-color:#1a1a1a}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@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-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{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}.home{min-height:100vh;position:relative;color:#ffffffeb;overflow-x:hidden}.pillNavWrap{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;justify-content:center;padding:28px 16px 10px;transform:translateY(0);opacity:1}.pillNavWrap.hidden{transform:translateY(-100%);opacity:0;pointer-events:none}.pillNav{position:relative;display:inline-flex;gap:4px;padding:6px;border-radius:14px;background:#ffffff05;backdrop-filter:blur(18px) saturate(165%);-webkit-backdrop-filter:blur(18px) saturate(165%);border:1px solid rgba(255,255,255,.1);box-shadow:0 16px 50px #00000073,0 1px #ffffff0f inset,0 -1px #00000059 inset;transform:translateZ(0)}.pillNav:before{content:"";position:absolute;inset:1px;border-radius:10px;pointer-events:none;background:radial-gradient(120px 50px at 18% 0%,rgba(255,255,255,.12),transparent 65%),radial-gradient(160px 60px at 80% 0%,rgba(255,255,255,.08),transparent 70%),linear-gradient(to bottom,#ffffff0f,#ffffff03);opacity:.9;filter:blur(.2px)}.pillNav:after{content:"";position:absolute;inset:0;border-radius:14px;pointer-events:none;box-shadow:0 0 0 1px #ffffff0f inset,0 10px 30px #00000059 inset}.pillNav__item{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:4px 16px;border-radius:10px;text-decoration:none;font-size:14px;font-weight:650;letter-spacing:.2px;color:#ffffffbf;transition:all .3s cubic-bezier(.4,0,.2,1)}.pillNav__item:hover{color:#ffffffeb;background:#ffffff0b;box-shadow:0 1px #ffffff12 inset,0 10px 25px #00000059;transform:translateY(-.5px) scale(1.02)}.pillNav__item.isActive{color:#fffffff2;background:linear-gradient(135deg,#aa8cff,#c8b4ff);border:1px solid rgba(200,180,255,.3);box-shadow:0 10px 35px #aa8cff66,0 0 0 1px #c8b4ff33 inset,0 1px #fff3 inset,0 2px #ffffff4d}.pillNav__item.isActive:before{content:"";position:absolute;left:12px;right:12px;top:-6px;height:8px;border-radius:12px;background:radial-gradient(60% 140% at 50% 50%,rgba(200,180,255,.8),transparent 70%);filter:blur(6px);opacity:.95;pointer-events:none}@media(prefers-reduced-motion:reduce){.pillNav__item{transition:none}.pillNav__item:hover{transform:none}}.nav{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 26px;background:#0c071673;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08)}.nav__left{display:flex;align-items:center;gap:10px}.logo{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;font-weight:800;background:radial-gradient(circle at top left,#aa8cffe6,#3c237899);border:1px solid rgba(255,255,255,.12)}.brand{font-weight:700;letter-spacing:.2px;opacity:.95}.nav__links{display:flex;gap:18px}.nav__links a{text-decoration:none;color:#ffffffc7;font-size:14px;transition:.2s ease}.nav__links a:hover{color:#fffffff2}.nav__right{display:flex;gap:10px}.main{max-width:1100px;margin:0 auto;padding:48px 20px 70px;position:relative;z-index:2}.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:center}@media(max-width:920px){.hero{grid-template-columns:1fr}.nav__links{display:none}}.pill{display:inline-flex;padding:8px 12px;border-radius:999px;font-size:13px;color:#ffffffd9;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);margin-bottom:14px}.title{font-size:44px;line-height:1.05;margin:0 0 12px;letter-spacing:-.5px}.subtitle{margin:0 0 18px;color:#ffffffb8;line-height:1.6;max-width:52ch}.ctaRow{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:18px}.stats{display:flex;gap:18px;flex-wrap:wrap;margin-top:8px}.stat{padding:10px 14px;border-radius:14px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1)}.stat__num{font-weight:800;font-size:18px}.stat__label{font-size:12px;color:#ffffffa6}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:14px;text-decoration:none;font-weight:650;font-size:14px;border:1px solid transparent;transition:.2s ease}.btn--primary{background:linear-gradient(135deg,#aa8cfff2,#7846ffcc);color:#0b0614;border-color:#ffffff14}.btn--primary:hover{transform:translateY(-1px);filter:brightness(1.05)}.btn--ghost{background:#ffffff0f;color:#ffffffe0;border-color:#ffffff1f}.btn--ghost:hover{background:#ffffff17;transform:translateY(-1px)}.glassCard{border-radius:18px;background:#140c238c;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 20px 60px #00000059;overflow:hidden}.glassCard__top{display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.08)}.dot{width:10px;height:10px;border-radius:50%;opacity:.9}.dot--red{background:#ff5f5fe6}.dot--yellow{background:#ffcd5ae6}.dot--green{background:#6effa0e6}.glassCard__title{margin-left:6px;font-size:12px;color:#ffffffa6}.glassCard__body{padding:14px;display:grid;gap:12px}.feature{display:grid;grid-template-columns:40px 1fr;gap:10px;padding:12px;border-radius:5px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.feature__icon{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#aa8cff1f;border:1px solid rgba(255,255,255,.08)}.feature__title{font-weight:750}.feature__desc{color:#ffffffad;font-size:13px;margin-top:2px;line-height:1.4}.glassCard__footer{display:flex;gap:10px;padding:14px;border-top:1px solid rgba(255,255,255,.08)}.grid{margin-top:28px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}@media(max-width:920px){.grid{grid-template-columns:1fr}}.tile{padding:16px;border-radius:18px;background:#140c2373;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tile__head{font-weight:800;margin-bottom:6px}.tile__body{color:#ffffffb8;line-height:1.5}.tile__foot{margin-top:12px;font-size:12px;color:#fff9}.hero-section{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100vh;width:100%;padding:250px 20px 40px;text-align:center;z-index:1;box-sizing:border-box;gap:24px}.hero-gradient-overlay{position:absolute;inset:0;background:radial-gradient(ellipse 800px 600px at center,#0b06144d,#0b061499,#0b0614d9),radial-gradient(ellipse 1200px 800px at center,rgba(170,140,255,.05) 0%,transparent 60%);pointer-events:none;z-index:-1}.profile-badge{position:relative;width:140px;height:140px;margin:0;border-radius:50%;overflow:hidden;border:3px solid rgba(170,140,255,.5);box-shadow:0 0 0 1px #aa8cff4d,0 20px 60px #aa8cff66,0 0 50px #aa8cff4d,0 0 0 1px #ffffff1a inset;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-shrink:0}.profile-badge:before{content:"";position:absolute;inset:-15px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(170,140,255,.5),transparent 70%);filter:blur(30px);opacity:.8;z-index:-1;pointer-events:none}.profile-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;border-radius:50%}.profile-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:800;color:#ffffffe6;background:linear-gradient(135deg,#aa8cff4d,#7846ff33)}.hero-title{font-size:62px;font-weight:800;line-height:1.1;margin:0;letter-spacing:-1px;color:#fffffff2;text-shadow:0 10px 40px rgba(0,0,0,.5);flex-shrink:0}.hero-primary-title{font-size:28px;font-weight:600;line-height:1.2;margin:0;letter-spacing:.3px;color:#ffffffe6;text-shadow:0 5px 20px rgba(0,0,0,.3);flex-shrink:0}.hero-value-sentence{font-size:17px;font-weight:400;line-height:1.5;margin:0;color:#ffffffd9;max-width:90ch;text-align:center;flex-shrink:0}@media(max-width:768px){.hero-value-sentence{font-size:16px;max-width:100%;padding:0 16px}}.hero-credibility{font-size:13px;font-weight:400;line-height:1.5;margin:0 0 5px;color:#ffffff8c;letter-spacing:.2px}.title-x{display:inline-block;margin:0 8px;vertical-align:middle}.title-x svg{fill:url(#robot-gradient);stroke:url(#robot-gradient)}.title-x svg defs{display:none}.hero-subtitle{min-height:40px;margin-bottom:40px;display:flex;align-items:center;justify-content:center}.rotating-roles-container{position:relative;height:60px;display:flex;align-items:center;justify-content:center}.rotating-role{font-size:20px;font-weight:500;color:#ffffffb3;letter-spacing:.3px;position:relative;display:inline-flex;align-items:center;min-height:40px}.role-letter{display:inline-block;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s ease}.role-letter.letter-exit{animation:letterExit .5s cubic-bezier(.4,0,.2,1) forwards}.role-letter.letter-enter{animation:letterEnter .5s cubic-bezier(.4,0,.2,1) forwards}.cursor{display:inline-block;width:2px;margin-left:4px;animation:blink-caret 1s infinite;height:1em;background:currentColor}@keyframes blink-caret{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes letterExit{0%{transform:translateY(0) rotateX(0);opacity:1}to{transform:translateY(-100%) rotateX(90deg);opacity:0}}@keyframes letterEnter{0%{transform:translateY(100%) rotateX(-90deg);opacity:0}to{transform:translateY(0) rotateX(0);opacity:1}}.hero-cta{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:100%;max-width:900px;margin:0 auto;flex-shrink:0}.cta-links-row{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:12px;flex-wrap:nowrap;width:100%}@media(max-width:768px){.cta-links-row{flex-wrap:wrap}}.cta-link-item{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:12px;text-decoration:none;font-weight:500;font-size:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.cta-link-item.cta-primary{background:linear-gradient(135deg,#aa8cfff2,#7846ffd9);border:1px solid rgba(255,255,255,.2);color:#0b0614;box-shadow:0 10px 30px #aa8cff4d,0 0 0 1px #ffffff1a inset}.cta-link-item.cta-primary:hover{background:linear-gradient(135deg,#b496ff,#8250fff2);transform:translateY(-2px);box-shadow:0 15px 40px #aa8cff66,0 0 0 1px #fff3 inset}.cta-link-item.cta-secondary{background:transparent;border:1.5px solid rgba(255,255,255,.25);color:#fffffff2}.cta-link-item.cta-secondary:hover{background:#ffffff14;border-color:#ffffff59;transform:translateY(-2px)}.cta-link-item.cta-tertiary{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#ffffffd9}.cta-link-item.cta-tertiary:hover{background:#ffffff14;border-color:#ffffff26;transform:translateY(-2px)}.cta-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 28px;border-radius:16px;font-weight:700;font-size:16px;text-decoration:none;border:1px solid rgba(255,255,255,.2);transition:all .3s cubic-bezier(.4,0,.2,1);box-sizing:border-box}.cta-primary{background:linear-gradient(135deg,#aa8cfff2,#7846ffcc);color:#0b0614;box-shadow:0 10px 30px #aa8cff4d,0 0 0 1px #ffffff1a inset}.cta-primary:hover{transform:translateY(-2px);box-shadow:0 15px 40px #aa8cff66,0 0 0 1px #fff3 inset}.cta-secondary{background:#ffffff14;color:#fffffff2;border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cta-secondary:hover{background:#ffffff1f;transform:translateY(-2px)}.cta-tertiary{background:#ffffff0d;color:#ffffffe6;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cta-tertiary:hover{background:#ffffff14;transform:translateY(-2px)}.cta-button:hover{transform:translateY(-2px);box-shadow:0 15px 40px #aa8cff66,0 0 0 1px #fff3 inset}.cta-arrow{transition:transform .3s ease}.cta-button:hover .cta-arrow{transform:translate(4px)}.linkedin-icon{width:18px;height:18px}.download-icon{width:16px;height:16px}.email-link-container{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 20px;border-radius:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-sizing:border-box;flex-shrink:0;white-space:nowrap}.email-link{display:flex;align-items:center;gap:8px;color:#fffc;text-decoration:none;font-size:14px;font-weight:500;transition:color .2s ease}.email-text{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-link:hover{color:#fff}.email-icon{width:18px;height:18px;stroke:currentColor}.copy-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);color:#ffffffb3;cursor:pointer;transition:all .2s ease;padding:0}.copy-button:hover{background:#ffffff1f;color:#fff;transform:scale(1.05)}.copy-button:active{transform:scale(.95)}@media(max-width:768px){.hero-title{font-size:48px}.hero-primary-title{font-size:24px}.hero-value-sentence{font-size:16px;padding:0 16px}.hero-tech-stack{font-size:14px}.hero-credibility{font-size:12px;padding:0 16px}.hero-section{padding:120px 16px 40px}.profile-badge{width:120px;height:120px;margin-bottom:0}.hero-cta{max-width:100%;padding:0 16px}}.about-section{height:100vh;min-height:100vh;padding:20px 20px 0;background-color:#0b0614;color:#fff;position:relative;z-index:1;overflow:hidden;width:100%;display:flex;align-items:center;justify-content:center;visibility:visible;opacity:1;margin:0!important;border:none}#particles-js-about{position:absolute;inset:0;width:100%;height:100%;background-color:#0b0614;z-index:0}#particles-js-about canvas{display:block}.about-container{max-width:1200px;width:100%;margin:0 auto;position:relative;z-index:10}.about-container>h2{text-align:center;font-size:42px;font-weight:600;margin-bottom:40px;background:linear-gradient(135deg,#aa8cff,#c8b4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.about-text{display:flex;flex-direction:column;gap:24px;position:relative;z-index:11;color:#fff}.about-label{font-size:11px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:#fff9;margin:0}.about-title{font-size:22px;font-weight:400;line-height:1.2;margin:0;background:linear-gradient(135deg,#aa8cff,#c8b4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-description{font-size:16px;line-height:1.8;color:#ffffffbf;margin:0}.about-description strong{color:#fffffff2;font-weight:600}.about-socials{display:flex;gap:16px;margin-top:8px}.social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:#ffffff0d;color:#fffc;transition:all .3s ease;text-decoration:none}.social-link:hover{background:#ffffff1a;border-color:#ffffff40;transform:translateY(-2px)}.about-photos{position:relative;height:600px;display:flex;align-items:center;justify-content:center}.iphone-frame{position:relative;width:300px;height:600px;background:#1a1a1a;border-radius:40px;padding:8px;box-shadow:0 0 0 2px #2a2a2a,0 20px 60px #000c,inset 0 0 0 1px #ffffff1a;transform:rotate(8deg);transform-origin:center center}.iphone-notch{position:absolute;top:0;left:50%;transform:translate(-50%);width:120px;height:25px;background:#1a1a1a;border-radius:0 0 20px 20px;z-index:10}.iphone-screen{position:relative;width:100%;height:100%;background:#000;border-radius:32px;overflow:hidden;display:flex;flex-direction:column}.instagram-post{display:flex;flex-direction:column;height:100%;background:#000}.instagram-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.1)}.instagram-profile{display:flex;align-items:center;gap:12px}.profile-pic{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045);border:2px solid #fff;flex-shrink:0;overflow:hidden;position:relative}.profile-pic img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.profile-info{display:flex;flex-direction:column;gap:2px}.username{font-weight:600;font-size:14px;color:#fff}.location{font-size:12px;color:#ffffffb3}.instagram-more{color:#fff;font-size:20px;cursor:pointer}.instagram-image-container{position:relative;flex:1;overflow:hidden;background:#000;width:100%;height:100%}.iphone-carousel{display:flex;height:100%;will-change:transform}.iphone-carousel-item{min-width:100%;width:100%;height:100%;flex-shrink:0;position:relative;display:block}.iphone-carousel-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.instagram-carousel-dots{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;gap:6px;z-index:5}.iphone-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#fff9;font-size:14px}.loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:#fff9;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(360deg)}}.image-error{display:flex;align-items:center;justify-content:center;height:100%;color:#fff6;font-size:12px;background:#00000080}.image-loading{display:flex;align-items:center;justify-content:center;height:100%;background:#000}.loading-spinner-small{width:30px;height:30px;border:2px solid rgba(255,255,255,.1);border-top-color:#fff9;border-radius:50%;animation:spin 1s linear infinite}.carousel-dot{width:6px;height:6px;border-radius:50%;background:#fff6;transition:all .3s ease;cursor:pointer}.carousel-dot.active{background:#fff;width:20px;border-radius:3px}.instagram-actions{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.1)}.action-icons{display:flex;gap:16px;align-items:center}.action-icon{color:#fff;cursor:pointer;transition:opacity .2s}.action-icon:hover{opacity:.7}.heart-icon{color:#ef4444;fill:#ef4444}.instagram-footer{padding:12px 16px;display:flex;flex-direction:column;gap:8px}.instagram-likes{font-size:14px;font-weight:600;color:#fff}.instagram-caption{font-size:14px;color:#fff;line-height:1.4}.instagram-caption strong{font-weight:600;margin-right:8px}.instagram-time{font-size:12px;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}@media(max-width:968px){.about-content{grid-template-columns:1fr;gap:40px}.about-photos{height:500px;display:flex;justify-content:center}.iphone-frame{width:250px;height:500px}}@media(max-width:640px){.about-section{padding:16px}.about-title{font-size:24px}.about-description{font-size:15px}}.experience-section{min-height:100vh;height:100vh;position:relative;color:#ffffffeb;overflow-x:hidden;overflow-y:hidden;margin:0!important;padding:0;border:none;width:100%}.experience-content{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;min-height:100vh}.experience-title{font-size:42px;font-weight:600;line-height:1.2;margin:0 auto;padding:120px 20px 0;text-align:center;background:linear-gradient(135deg,#aa8cff,#c8b4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;z-index:3}.experience-hero-section{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;width:100%;padding:40px 20px 80px;text-align:center;z-index:1;box-sizing:border-box;min-height:60vh}.experience-hero-gradient-overlay{position:absolute;inset:0;width:100%;height:100%;background:radial-gradient(ellipse 800px 600px at center,#0b06144d,#0b061499,#0b0614d9),radial-gradient(ellipse 1200px 800px at center,rgba(170,140,255,.05) 0%,transparent 60%);pointer-events:none;z-index:1}.experience-vertical-line{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:2px;height:75vh;max-height:calc(100vh - 120px);background:linear-gradient(to bottom,transparent 0%,rgba(170,140,255,.3) 10%,rgba(170,140,255,.5) 15%,rgba(170,140,255,.8) 20%,rgba(170,140,255,.8) 80%,rgba(170,140,255,.5) 85%,rgba(170,140,255,.3) 90%,transparent 100%);box-shadow:0 0 20px #aa8cff66,0 0 40px #aa8cff33;border-radius:2px;z-index:2}.experience-line-node{position:absolute;left:50%;transform:translate(-50%,-50%);width:12px;height:12px;border-radius:50%;background:linear-gradient(to top,transparent 0%,rgba(170,140,255,.3) 5%,rgba(170,140,255,.5) 8%,rgba(170,140,255,.8) 25%,rgba(170,140,255,.8) 75%,rgba(170,140,255,.6) 78%,rgba(170,140,255,.4) 82%,rgba(170,140,255,.2) 87%,rgba(170,140,255,.1) 92%,rgba(170,140,255,.05) 5%,transparent 100%);border:2px solid rgba(200,180,255,1);box-shadow:0 0 15px #aa8cff99,0 0 30px #aa8cff4d,inset 0 0 10px #fff3;z-index:3}.experience-node-boon{top:30%}.experience-node-discover{top:50%}.experience-node-internship{top:70%}.experience-entry{position:absolute;width:550px;max-width:550px;z-index:3;display:flex;flex-direction:column;gap:8px;border:1px solid rgba(170,140,255,.2);border-radius:12px;padding:20px;background:#aa8cff08;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-sizing:border-box}.experience-job-title{font-size:32px;font-weight:700;line-height:1.3;letter-spacing:-.3px;background:linear-gradient(135deg,#aa8cff,#c8b4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 10px 40px rgba(0,0,0,.5);white-space:nowrap}.experience-subtitle{font-size:18px;font-weight:500;line-height:1.4;color:#c8b4ffb3;margin-top:4px;margin-bottom:4px;display:block}.experience-company{font-size:24px;font-weight:600;line-height:1.4;color:#c8b4ffd9;margin-top:4px}.experience-duration{font-size:14px;font-weight:400;line-height:1.5;color:#ffffff80;margin-top:2px}.experience-entry-0{left:50%;top:30%;transform:translate(calc(-100% - 60px),-50%)}.experience-entry-1{left:50%;top:50%;transform:translate(60px,-50%)}.experience-entry-2{left:50%;top:70%;transform:translate(calc(-100% - 60px),-50%)}@media(max-width:768px){.experience-title{font-size:32px;margin-top:100px}.experience-hero-section{padding:30px 20px;min-height:50vh}.experience-vertical-line{height:70vh}.experience-entry{width:420px;max-width:420px}.experience-job-title{white-space:normal}.experience-job-title{font-size:24px}.experience-subtitle{font-size:16px}.experience-company{font-size:20px}.experience-duration{font-size:13px}.experience-entry-0{transform:translate(calc(-100% - 50px),-50%)}.experience-entry-1{transform:translate(50px,-50%)}.experience-entry-2{transform:translate(calc(-100% - 50px),-50%)}}@media(max-width:480px){.experience-title{font-size:28px;margin-top:80px}.experience-hero-section{min-height:40vh}.experience-vertical-line{height:60vh}.experience-entry{width:350px;max-width:350px}.experience-job-title{white-space:normal}.experience-job-title{font-size:20px}.experience-subtitle{font-size:14px}.experience-company{font-size:18px}.experience-duration{font-size:12px}.experience-entry-0{transform:translate(calc(-100% - 40px),-50%)}.experience-entry-1{transform:translate(40px,-50%)}.experience-entry-2{transform:translate(calc(-100% - 40px),-50%)}}.desktop-ui{position:relative;width:82%;height:88vh;max-width:82%;max-height:88vh;margin:0 auto;margin-top:6vh;margin-bottom:6vh;background:transparent;display:flex;flex-direction:column;z-index:100;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,sans-serif;border-radius:12px;box-shadow:0 8px 32px #0006}.desktop-ui:before{content:"";position:absolute;inset:-3px;border-radius:15px;background:linear-gradient(135deg,#fff6,#dcc8ffe6,#aa8cff,#c8b4ff,#aa8cff,#fff6),linear-gradient(45deg,#aa8cffcc,#c8b4ff,#aa8cffcc);background-size:200% 200%,100% 100%;background-position:0% 0%,center;z-index:0;pointer-events:none;animation:borderShine 4s ease-in-out infinite;box-shadow:0 0 5px #aa8cffcc,0 0 10px #c8b4ff99,0 0 15px #aa8cff66,0 0 20px #c8b4ff4d,0 0 25px #aa8cff33,0 -5px 20px #aa8cff80,0 -10px 30px #c8b4ff4d,0 5px 20px #aa8cff80,0 10px 30px #c8b4ff4d,-5px 0 20px #aa8cff80,-10px 0 30px #c8b4ff4d,5px 0 20px #aa8cff80,10px 0 30px #c8b4ff4d,-5px -5px 20px #aa8cff66,5px -5px 20px #aa8cff66,-5px 5px 20px #aa8cff66,5px 5px 20px #aa8cff66,inset 0 0 20px #ffffff1a}@keyframes borderShine{0%,to{background-position:0% 0%,center;opacity:1}50%{background-position:100% 100%,center;opacity:.95}}.desktop-ui:after{content:"";position:absolute;inset:2px;border-radius:10px;background:#0b0614;z-index:1;pointer-events:none}.desktop-ui-background{position:absolute;inset:2px;width:calc(100% - 4px);height:calc(100% - 4px);background-size:cover;background-position:center;background-repeat:no-repeat;z-index:2;opacity:1;transition:background-image 1.5s ease-in-out,opacity 1.5s ease-in-out;border-radius:10px;overflow:hidden}.desktop-area-background{position:absolute;inset:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:0;opacity:1;transition:background-image 1.5s ease-in-out,opacity 1.5s ease-in-out}.desktop-menubar{height:28px;background:#00000040;backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);border-bottom:1px solid rgba(255,255,255,.08);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 12px;z-index:10;position:relative;margin:2px 2px 0;color:#fffffff2;font-size:13px;font-weight:400;letter-spacing:-.01em;border-radius:10px 10px 0 0}.menubar-left{display:flex;align-items:center;gap:8px;justify-content:flex-start}.apple-logo{font-size:16px;line-height:1}.menubar-item{padding:4px 8px;border-radius:4px;cursor:pointer;transition:all .3s ease;font-weight:400;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative}.menubar-item:hover{background:#ffffff1f;transform:translateY(-1px)}.menubar-item-active{background:#aa8cff33!important;color:#c8b4ff!important;font-weight:500}.menubar-item-active:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60%;height:2px;background:linear-gradient(135deg,#aa8cff,#c8b4ff);border-radius:2px;animation:slideIn .3s ease}@keyframes slideIn{0%{width:0;opacity:0}to{width:60%;opacity:1}}.menubar-center{display:flex;align-items:center;gap:4px;justify-content:center;position:relative}.menubar-right{display:flex;align-items:center;gap:12px;justify-content:flex-end}.menubar-weather{display:flex;align-items:center;gap:4px;padding:2px 6px;border-radius:4px;transition:background .15s}.menubar-weather:hover{background:#ffffff14}.menubar-weather-text{font-size:12px;color:#ffffffe6;font-weight:400;white-space:nowrap}.menubar-icon{color:#fffc;opacity:.8}.menubar-time{font-size:12px;color:#ffffffe6;font-weight:500}.desktop-area{flex:1;position:relative;overflow:hidden;background:transparent;z-index:3}.desktop-icons{position:absolute;top:20px;left:20px;display:flex;flex-direction:column;gap:24px;z-index:10}.desktop-icon-item{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:transform .2s;padding:8px;border-radius:8px}.desktop-icon-item:hover{transform:translateY(-2px)}.desktop-icon-item:hover .desktop-icon{transform:scale(1.1)}.desktop-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:all .2s;color:var(--icon-color, rgba(255, 255, 255, .9))}.desktop-icon-label{font-size:11px;color:#ffffffe6;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.5);max-width:80px;word-wrap:break-word;line-height:1.2}.desktop-content{position:relative;width:100%;height:100%;overflow-y:auto;overflow-x:hidden;z-index:10;pointer-events:none}.desktop-content>*{pointer-events:auto}.desktop-content::-webkit-scrollbar{width:8px}.desktop-content::-webkit-scrollbar-track{background:#0003}.desktop-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.desktop-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.portfolio-window{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:1400px;height:85%;max-height:900px;background:#1e1e1efa;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border-radius:12px;border:1px solid rgba(255,255,255,.2);box-shadow:0 20px 60px #00000080,0 0 0 1px #ffffff1a inset;display:flex;flex-direction:column;overflow:hidden;z-index:100}.portfolio-window .window-header{height:40px;background:#0000004d;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;padding:0 12px;gap:12px;flex-shrink:0}.portfolio-window .window-controls{display:flex;gap:8px}.portfolio-window .window-control{width:12px;height:12px;border-radius:50%;cursor:pointer;transition:all .2s}.portfolio-window .window-control.close{background:#ff5f57}.portfolio-window .window-control.close:hover{background:#ff3b30}.portfolio-window .window-control.minimize{background:#ffbd2e}.portfolio-window .window-control.minimize:hover{background:#ff9500}.portfolio-window .window-control.maximize{background:#28c840}.portfolio-window .window-control.maximize:hover{background:#1db954}.portfolio-window .window-title{flex:1;text-align:center;color:#fffc;font-size:13px;font-weight:500}.portfolio-window .window-spacer{width:60px}.window-content-iframe{flex:1;overflow:hidden;position:relative;background:#000}.portfolio-iframe{width:100%;height:100%;border:none;display:block}.iframe-fallback{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#141414f2;color:#ffffffe6;padding:40px;text-align:center;z-index:1}.iframe-fallback p{margin:0 0 16px;font-size:24px;font-weight:600}.iframe-fallback-text{font-size:14px;color:#ffffffb3;margin-bottom:20px!important}.iframe-fallback-code{display:block;background:#00000080;padding:12px 20px;border-radius:8px;font-family:Monaco,Courier New,monospace;font-size:12px;color:#ffffffe6;margin:0 0 24px;border:1px solid rgba(255,255,255,.1)}.iframe-fallback-button{padding:10px 24px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#ffffffe6;font-size:14px;cursor:pointer;transition:all .2s}.iframe-fallback-button:hover{background:#ffffff26;border-color:#ffffff4d}.desktop-dock{position:relative;z-index:10;pointer-events:none;width:100%;display:flex;justify-content:center;margin-top:auto;padding-bottom:20px}.desktop-dock .dock-container{pointer-events:auto}.dock-container{display:flex;align-items:flex-end;gap:6px;padding:10px 16px;background:#00000059;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border-radius:24px;border:1px solid rgba(255,255,255,.15);box-shadow:0 8px 32px #0006,inset 0 1px #ffffff1a}.dock-item{width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:14px;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);color:var(--tech-color, rgba(255, 255, 255, .9));position:relative;background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.dock-item:hover{transform:translateY(-16px) scale(1.25);background:#ffffff26;border-color:#fff3;box-shadow:0 8px 24px #0000004d,0 0 0 1px #ffffff1a inset}.dock-item:hover:before{content:attr(title);position:absolute;bottom:60px;left:50%;transform:translate(-50%);background:#000c;color:#fffffff2;padding:4px 8px;border-radius:6px;font-size:11px;white-space:nowrap;pointer-events:none;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media(max-width:1200px){.desktop-ui{max-width:calc(100% - 120px)}}@media(max-width:768px){.desktop-ui{width:calc(100% - 40px);margin:0 20px 40px;max-width:none}.desktop-icons,.menubar-center{display:none}.dock-container{padding:10px 16px}.dock-item{width:40px;height:40px}.desktop-content{padding:0}}.desktop-ui-main{position:relative!important;z-index:100!important;width:100%!important;height:100%!important;min-height:600px!important;background-color:#0f172a!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;visibility:visible!important;opacity:1!important;color:#fff!important}.desktop-ui-main *{box-sizing:border-box}.projects-section{min-height:100vh;height:100vh;padding:0;background-color:#0b0614;color:#fff;position:relative;z-index:1;overflow:visible;width:100%;display:flex;flex-direction:column;align-items:center;visibility:visible;opacity:1;margin:0!important;border:none}#particles-js-projects{position:absolute;inset:0;width:100%;height:100%;background-color:#0b0614;z-index:0}#particles-js-projects canvas{display:block}.projects-container{position:relative;width:100%;height:100%;margin:0;padding:0;z-index:2;color:#ffffffeb}.projects-header{display:none}.projects-content-wrapper{position:relative;flex:1;width:100%;max-width:100%;display:flex;align-items:center;justify-content:center;padding:0;box-sizing:border-box;z-index:100;min-height:600px}.projects-title{font-size:clamp(32px,5vw,42px);font-weight:600;margin:0 0 16px;letter-spacing:-.02em;line-height:1.3;background:linear-gradient(135deg,#aa8cff,#c8b4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.projects-subtitle{font-size:clamp(16px,2vw,18px);color:var(--muted);max-width:700px;line-height:1.7;letter-spacing:.01em;word-spacing:.05em;margin:0 auto;text-align:center}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}.skill-group{position:relative;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.skill-group-title{margin:0 0 20px;font-size:18px;font-weight:500;color:var(--text);letter-spacing:.02em}.skills-chips-container{display:flex;flex-wrap:wrap;gap:10px}.skill-chip{position:relative;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;line-height:1.5;letter-spacing:.01em}.skill-chip span{white-space:nowrap}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:24px;margin-bottom:64px}.project-card{position:relative;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.project-icon-wrapper{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#aa8cff1a;border:1px solid rgba(170,140,255,.2);flex-shrink:0}.project-title{font-size:20px;font-weight:600;color:var(--text);margin:0;letter-spacing:.01em}.project-description{font-size:14px;color:var(--muted);line-height:1.6;margin:0}.project-technologies{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.project-tech-tag{font-size:12px;padding:4px 10px;border-radius:6px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fffc;font-weight:500}.section-divider{height:1px;background:linear-gradient(to right,transparent,rgba(255,255,255,.1),transparent);margin:64px 0}.projects-content-wrapper{min-height:90vh;position:relative}.projects-section:before{content:"";position:absolute;top:calc(6vh - 8px);left:calc(9% - 8px);right:calc(9% - 8px);bottom:calc(6vh - 8px);width:calc(82% + 16px);height:calc(88vh + 16px);pointer-events:none;z-index:50;background:linear-gradient(to bottom,transparent 0%,rgba(220,200,255,.7) 15%,rgba(200,180,255,.9) 40%,rgba(170,140,255,1) 50%,rgba(200,180,255,.9) 60%,rgba(220,200,255,.7) 85%,transparent 100%),linear-gradient(to top,transparent 0%,rgba(220,200,255,.7) 15%,rgba(200,180,255,.9) 40%,rgba(170,140,255,1) 50%,rgba(200,180,255,.9) 60%,rgba(220,200,255,.7) 85%,transparent 100%),linear-gradient(to right,transparent 0%,rgba(220,200,255,.7) 15%,rgba(200,180,255,.9) 40%,rgba(170,140,255,1) 50%,rgba(200,180,255,.9) 60%,rgba(220,200,255,.7) 85%,transparent 100%),linear-gradient(to left,transparent 0%,rgba(220,200,255,.7) 15%,rgba(200,180,255,.9) 40%,rgba(170,140,255,1) 50%,rgba(200,180,255,.9) 60%,rgba(220,200,255,.7) 85%,transparent 100%);background-size:100% 12px,100% 12px,12px 100%,12px 100%;background-position:top,bottom,left,right;background-repeat:no-repeat;filter:blur(6px);opacity:1;border-radius:17px}@media(max-width:768px){.skills-grid{grid-template-columns:1fr;gap:20px}.projects-section{padding:80px 16px 60px}.projects-header{margin-bottom:36px}.skill-group{padding:20px}.skill-group-title{margin-bottom:16px}.skills-chips-container{gap:8px}.projects-grid{grid-template-columns:1fr;gap:20px;margin-bottom:48px}.section-divider{margin:48px 0}}.contact-section{min-height:100vh;height:100vh;position:relative;color:#ffffffeb;overflow-x:hidden;overflow-y:hidden;margin:0!important;padding:0;border:none;width:100%}.contact-content{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;min-height:100vh}.contact-hero-gradient-overlay{position:absolute;inset:0;width:100%;height:100%;background:radial-gradient(ellipse 800px 600px at center,#0b06144d,#0b061499,#0b0614d9),radial-gradient(ellipse 1200px 800px at center,rgba(170,140,255,.05) 0%,transparent 60%);pointer-events:none;z-index:1}.contact-container{position:relative;max-width:1200px;width:100%;margin:0 auto;z-index:10;padding-top:80px;padding-bottom:60px;flex:1;display:flex;flex-direction:column}.contact-content-wrapper{flex:1;display:flex;flex-direction:column}.contact-title{font-size:42px;font-weight:600;line-height:1.2;margin:0 auto 40px;padding:80px 20px 0;text-align:center;background:linear-gradient(135deg,#aa8cff,#c8b4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;z-index:3}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;max-width:1000px;margin:0 auto;align-items:stretch}.contact-info-card,.contact-form-card{position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;padding:24px;transition:all .3s ease;width:100%;height:100%;display:flex;flex-direction:column;box-sizing:border-box}.contact-info-card:hover,.contact-form-card:hover{border-color:#fff3;background:#ffffff12;box-shadow:0 20px 40px #00000059}.contact-info-title,.contact-form-title{font-size:22px;font-weight:600;color:#fff;margin:0 0 24px;letter-spacing:.02em}.contact-info-list{display:flex;flex-direction:column;gap:20px}.contact-info-item{display:flex;align-items:flex-start;gap:16px;padding:16px;border-radius:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);transition:all .3s ease}.contact-info-item:hover{background:#ffffff0f;border-color:#ffffff1a;transform:translate(4px)}.contact-info-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:#a98bff1a;color:#a98bff;flex-shrink:0}.contact-info-content{flex:1;display:flex;flex-direction:column;gap:4px}.contact-info-label{font-size:12px;font-weight:500;color:#fff9;text-transform:uppercase;letter-spacing:.05em}.contact-info-link,.contact-info-value{font-size:15px;color:#ffffffe6;text-decoration:none;display:flex;align-items:center;gap:6px;transition:color .3s ease}.contact-info-link:hover{color:#a98bff}.external-icon{opacity:.6;transition:opacity .3s ease}.contact-info-link:hover .external-icon{opacity:1}.contact-action-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#fffc;cursor:pointer;transition:all .3s ease;flex-shrink:0}.contact-action-button:hover{background:#a98bff26;border-color:#a98bff4d;color:#a98bff;transform:scale(1.05)}.contact-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-size:14px;font-weight:500;color:#fffc;letter-spacing:.01em}.form-input,.form-textarea{width:100%;padding:12px 16px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#fff;font-size:15px;font-family:inherit;transition:all .3s ease;letter-spacing:.01em}.form-input::-moz-placeholder,.form-textarea::-moz-placeholder{color:#fff6}.form-input::placeholder,.form-textarea::placeholder{color:#fff6}.form-input:focus,.form-textarea:focus{outline:none;border-color:#a98bff80;background:#ffffff14;box-shadow:0 0 0 3px #a98bff1a}.form-textarea{resize:vertical;min-height:120px;line-height:1.6}.form-submit-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;border-radius:10px;border:none;background:linear-gradient(135deg,#a98bff33,#8b5cf633);border:1px solid rgba(169,139,255,.3);color:#fff;font-size:15px;font-weight:500;cursor:pointer;transition:all .3s ease;margin-top:8px;letter-spacing:.01em}.form-submit-button:hover{background:linear-gradient(135deg,#a98bff4d,#8b5cf64d);border-color:#a98bff80;transform:translateY(-2px);box-shadow:0 10px 30px #a98bff33}.form-submit-button:active{transform:translateY(0)}.form-status{padding:12px;border-radius:8px;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#22c55ee6;font-size:14px;text-align:center}@media(max-width:968px){.contact-title{font-size:36px;padding-top:100px}.contact-grid{grid-template-columns:1fr;gap:36px}.contact-info-card,.contact-form-card{max-width:95%}}@media(max-width:640px){.contact-section{padding:16px}.contact-title{font-size:32px;padding-top:80px;margin-bottom:30px}.contact-info-card,.contact-form-card{padding:20px;max-width:100%}.contact-info-item{padding:12px;gap:12px}}.blogs-section{height:100vh;min-height:100vh;padding:20px 20px 0;background-color:#0b0614;color:#fff;position:relative;z-index:1;overflow:hidden;width:100%;display:flex;align-items:center;justify-content:center;visibility:visible;opacity:1;margin:0!important;border:none}#particles-js-blogs{position:absolute;inset:0;width:100%;height:100%;background-color:#0b0614;z-index:0}#particles-js-blogs canvas{display:block}.blogs-container{max-width:1200px;width:100%;margin:0 auto;position:relative;z-index:10;padding-top:0;padding-bottom:90px;transform:translateY(-20px)}.blogs-container>h2{text-align:center;font-size:42px;font-weight:600;margin-bottom:40px;padding-top:80px;background:linear-gradient(135deg,#aa8cff,#c8b4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.blogs-content{display:flex;flex-direction:column;gap:24px;position:relative;z-index:11;color:#fff}.blogs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:48px;margin-top:20px;margin-bottom:60px;align-items:stretch}.blog-card{background:#ffffff08;border:1px solid rgba(170,140,255,.2);border-radius:18px;overflow:hidden;transition:all .3s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;display:flex;flex-direction:column;height:100%;max-width:calc(95% - 20px);margin:0 auto;width:100%}.blog-card:hover{transform:translateY(-4px);box-shadow:0 20px 60px #00000080;border-color:#aa8cff66}.blog-image-wrapper{width:100%;height:180px;overflow:hidden;position:relative}.blog-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.blog-card:hover .blog-image{transform:scale(1.05)}.blog-info{padding:24px;display:flex;flex-direction:column;gap:12px;flex:1;min-height:0}.blog-meta{display:flex;align-items:center;gap:12px;font-size:12px}.blog-category{padding:4px 12px;border-radius:12px;background:#aa8cff26;color:#c8b4ffe6;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.blog-date{color:#fff9;font-weight:400}.blog-title{font-size:20px;font-weight:600;line-height:1.4;margin:0;color:#fffffff2;letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;flex-shrink:0}.blog-read-time{font-size:13px;color:#ffffff80;font-weight:400;margin-top:auto;flex-shrink:0}@media(max-width:968px){.blogs-container>h2{font-size:36px;padding-top:100px}.blogs-grid{grid-template-columns:1fr;gap:36px}}@media(max-width:640px){.blogs-section{padding:16px}.blogs-container>h2{font-size:32px;padding-top:60px;margin-bottom:30px}.blog-image-wrapper{height:200px}.blog-info{padding:20px}.blog-title{font-size:18px}}.resumeSection{min-height:100vh;padding:20px;background-color:#0b0614;color:#fff;position:relative;z-index:1;overflow:hidden;width:100%;display:flex;align-items:center;justify-content:center;visibility:visible;opacity:1;margin:0!important;border:none}.resume-container{max-width:1200px;width:100%;margin:0 auto;position:relative;z-index:10;padding-top:80px;padding-bottom:60px}.resume-container>h2{text-align:center;font-size:42px;font-weight:600;margin-bottom:40px;background:linear-gradient(135deg,#aa8cff,#c8b4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.resumeActions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-bottom:32px}.btn{padding:10px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#0a0a1259;color:#fff;text-decoration:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btnPrimary{background:#ffffff1f}.resumeCard{max-width:1100px;margin:0 auto;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.16);background:#0a0a1259;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 14px 50px #00000059}.resumeFrame{width:100%;height:clamp(520px,78vh,920px);border:0;display:block}
