@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@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;--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{.relative{position:relative}.grid{display:grid}.hidden{display:none}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}}body{margin:0;font-family:Poppins,sans-serif}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#ffffff1a;border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(45deg,#667eea,#764ba2);border-radius:10px;transition:all .3s}::-webkit-scrollbar-thumb:hover{background:linear-gradient(45deg,#764ba2,#667eea);box-shadow:0 0 10px #764ba280}/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@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;--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}*{border-color:var(--border);outline-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){*{outline-color:color-mix(in oklab,var(--ring)50%,transparent)}}*{box-sizing:border-box}body{background-color:var(--background);color:var(--foreground);min-width:320px;margin:0;padding:0;overflow-x:hidden}html{scroll-behavior:smooth}}@layer components;@layer utilities{.relative{position:relative}.grid{display:grid}.hidden{display:none}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}#root,.liquid-ether-container{width:100vw;height:100vh}:root{--radius:.625rem;--background:oklch(100% 0 0);--foreground:oklch(14.5% 0 0);--card:oklch(100% 0 0);--card-foreground:oklch(14.5% 0 0);--popover:oklch(100% 0 0);--popover-foreground:oklch(14.5% 0 0);--primary:oklch(20.5% 0 0);--primary-foreground:oklch(98.5% 0 0);--secondary:oklch(97% 0 0);--secondary-foreground:oklch(20.5% 0 0);--muted:oklch(97% 0 0);--muted-foreground:oklch(55.6% 0 0);--accent:oklch(97% 0 0);--accent-foreground:oklch(20.5% 0 0);--destructive:oklch(57.7% .245 27.325);--border:oklch(92.2% 0 0);--input:oklch(92.2% 0 0);--ring:oklch(70.8% 0 0);--chart-1:oklch(64.6% .222 41.116);--chart-2:oklch(60% .118 184.704);--chart-3:oklch(39.8% .07 227.392);--chart-4:oklch(82.8% .189 84.429);--chart-5:oklch(76.9% .188 70.08);--sidebar:oklch(98.5% 0 0);--sidebar-foreground:oklch(14.5% 0 0);--sidebar-primary:oklch(20.5% 0 0);--sidebar-primary-foreground:oklch(98.5% 0 0);--sidebar-accent:oklch(97% 0 0);--sidebar-accent-foreground:oklch(20.5% 0 0);--sidebar-border:oklch(92.2% 0 0);--sidebar-ring:oklch(70.8% 0 0)}.dark{--background:oklch(14.5% 0 0);--foreground:oklch(98.5% 0 0);--card:oklch(20.5% 0 0);--card-foreground:oklch(98.5% 0 0);--popover:oklch(20.5% 0 0);--popover-foreground:oklch(98.5% 0 0);--primary:oklch(92.2% 0 0);--primary-foreground:oklch(20.5% 0 0);--secondary:oklch(26.9% 0 0);--secondary-foreground:oklch(98.5% 0 0);--muted:oklch(26.9% 0 0);--muted-foreground:oklch(70.8% 0 0);--accent:oklch(26.9% 0 0);--accent-foreground:oklch(98.5% 0 0);--destructive:oklch(70.4% .191 22.216);--border:oklch(100% 0 0/.1);--input:oklch(100% 0 0/.15);--ring:oklch(55.6% 0 0);--chart-1:oklch(48.8% .243 264.376);--chart-2:oklch(69.6% .17 162.48);--chart-3:oklch(76.9% .188 70.08);--chart-4:oklch(62.7% .265 303.9);--chart-5:oklch(64.5% .246 16.439);--sidebar:oklch(20.5% 0 0);--sidebar-foreground:oklch(98.5% 0 0);--sidebar-primary:oklch(48.8% .243 264.376);--sidebar-primary-foreground:oklch(98.5% 0 0);--sidebar-accent:oklch(26.9% 0 0);--sidebar-accent-foreground:oklch(98.5% 0 0);--sidebar-border:oklch(100% 0 0/.1);--sidebar-ring:oklch(55.6% 0 0)}@media (max-width:768px){section{padding-left:20px;padding-right:20px}.container{max-width:100%;padding-left:20px;padding-right:20px}}@media (max-width:480px){section,.container{padding-left:15px;padding-right:15px}}img{max-width:100%;height:auto}html,body,#root,.liquid-ether-container{width:100%;overflow-x:hidden}@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}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background-color:#000;font-family:Poppins;min-width:320px}@media (max-width: 768px){section{padding:0 20px}}@media (max-width: 480px){section{padding:0 15px}}.nav-btn{color:#fff;background-color:transparent;border-radius:30px;padding:8px 16px;cursor:pointer;position:absolute;left:50%;transform:translate(-50%);z-index:10;transition:all .4s ease}.nav-btn:hover{background-color:#ffffff1a;transform:translate(-50%) scale(1.05)}.nav-btn.with-menu{position:static;transform:none;margin-right:20px}.nav-btn.with-menu:hover{transform:scale(1.05)}.nav-container{position:fixed;top:0;left:0;right:0;z-index:1000;width:100%}.nav-box{display:flex;width:100%;height:70px;justify-content:space-between;align-items:center;background:transparent;color:#fff;position:relative}.nav-header{display:flex;font-size:20px;margin-right:auto;margin-left:30px}.nav-menu-container{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:20px;animation:slideIn .4s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.nav-ul{display:flex;flex-direction:row;gap:20px;margin:0;animation:fadeInStagger .6s ease-out}@keyframes fadeInStagger{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.nav-li{list-style:none;margin:0;padding:8px 16px;cursor:pointer;transition:all .3s ease;border-radius:30px;opacity:0;animation:fadeInItem .4s ease-out forwards}.nav-li:nth-child(1){animation-delay:.1s}.nav-li:nth-child(2){animation-delay:.2s}.nav-li:nth-child(3){animation-delay:.3s}.nav-li:nth-child(4){animation-delay:.4s}.nav-li:nth-child(5){animation-delay:.5s}.nav-li:hover{background-color:#ffffff1a;transform:translateY(-2px) scale(1.05)}@keyframes fadeInItem{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.nav-header{font-size:18px;margin-left:20px}.nav-btn{padding:8px 16px}.nav-menu-container{position:absolute;left:50%;transform:translate(-50%);top:100%;background:#000000f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:15px;padding:20px;margin-top:10px;box-shadow:0 10px 30px #00000080}.nav-btn.with-menu{position:static;transform:none;margin-right:20px}.nav-ul{flex-direction:row;gap:15px;flex-wrap:wrap;justify-content:center}.nav-li{padding:8px 16px;font-size:14px;white-space:nowrap}}@media (max-width: 480px){.nav-box{height:70px}.nav-header{font-size:16px;margin-left:15px}.nav-menu-container{left:10px;right:10px;transform:none;padding:15px}.nav-ul{gap:10px}.nav-li{padding:6px 12px;font-size:13px}}.hero-container{width:100%;height:500px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;z-index:10;padding:0 20px;background:transparent;margin:100px auto}.hero-box{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;text-align:center;max-width:1200px;width:100%;height:100%}.hero-head{color:#fff;font-size:70px;animation:2s ease-in-out up}.hero-para{color:#fff;font-size:15px;animation:2s ease-in-out up;max-width:600px;line-height:1.6}.hero-links{display:flex;flex-direction:row;justify-content:center;align-items:center;max-width:600px;width:100%;gap:50px;min-height:50px;animation:3s ease-in-out up;flex-wrap:wrap;box-sizing:border-box}.hero-links li{list-style:none}.hero-links a{list-style:none;display:flex;color:#fff;flex-direction:row;gap:5px}.hero-links img{height:20px;display:flex}@media (max-width: 768px){.hero-head{font-size:60px}.hero-para{font-size:15px;max-width:90%}.hero-links{gap:40px;max-width:90%}}@media (max-width: 480px){.hero-container{height:500px;padding:0 20px;margin:80px auto}.hero-head{font-size:45px;line-height:1.2}.hero-para{font-size:14px;max-width:95%}.hero-links{gap:30px;max-width:100%;flex-wrap:wrap;padding:0 10px}.hero-links a{font-size:14px}.hero-links img{height:18px}}@keyframes up{0%{transform:translateY(70px);opacity:0}50%{opacity:.5;text-shadow:0 0 20px white}to{transform:translateY(0);opacity:1}}:root{--pointer-x: 50%;--pointer-y: 50%;--pointer-from-center: 0;--pointer-from-top: .5;--pointer-from-left: .5;--card-opacity: 0;--rotate-x: 0deg;--rotate-y: 0deg;--background-x: 50%;--background-y: 50%;--grain: none;--icon: none;--behind-gradient: none;--inner-gradient: none;--sunpillar-1: hsl(2, 100%, 73%);--sunpillar-2: hsl(53, 100%, 69%);--sunpillar-3: hsl(93, 100%, 69%);--sunpillar-4: hsl(176, 100%, 76%);--sunpillar-5: hsl(228, 100%, 74%);--sunpillar-6: hsl(283, 100%, 73%);--sunpillar-clr-1: var(--sunpillar-1);--sunpillar-clr-2: var(--sunpillar-2);--sunpillar-clr-3: var(--sunpillar-3);--sunpillar-clr-4: var(--sunpillar-4);--sunpillar-clr-5: var(--sunpillar-5);--sunpillar-clr-6: var(--sunpillar-6);--card-radius: 30px}.pc-card-wrapper{perspective:500px;transform:translateZ(.1px);position:relative;touch-action:none}.pc-card-wrapper:before{content:"";position:absolute;inset:-10px;background:inherit;background-position:inherit;border-radius:inherit;transition:all .5s ease;filter:contrast(2) saturate(2) blur(36px);transform:scale(.8) translateZ(.1px);background-size:100% 100%;background-image:var(--behind-gradient)}.pc-card-wrapper:hover,.pc-card-wrapper.active{--card-opacity: 1}.pc-card-wrapper:hover:before,.pc-card-wrapper.active:before{filter:contrast(1) saturate(2) blur(40px) opacity(1);transform:scale(.9) translateZ(.1px)}.pc-card{height:80svh;max-height:540px;display:grid;aspect-ratio:.718;border-radius:var(--card-radius);position:relative;background-blend-mode:color-dodge,normal,normal,normal;animation:glow-bg 12s linear infinite;box-shadow:#000c calc((var(--pointer-from-left) * 10px) - 3px) calc((var(--pointer-from-top) * 20px) - 6px) 20px -5px;transition:transform 1s ease;transform:translateZ(.1px) rotateX(0) rotateY(0);background-size:100% 100%;background-position:0 0,0 0,50% 50%,0 0;background-image:radial-gradient(farthest-side circle at var(--pointer-x) var(--pointer-y),hsla(266,100%,90%,var(--card-opacity)) 4%,hsla(266,50%,80%,calc(var(--card-opacity) * .75)) 10%,hsla(266,25%,70%,calc(var(--card-opacity) * .5)) 50%,hsla(266,0%,60%,0) 100%),radial-gradient(35% 52% at 55% 20%,#00ffaac4,#073aff00),radial-gradient(100% 100% at 50% 50%,#00c1ff 1%,#073aff00 76%),conic-gradient(from 124deg at 50% 50%,#c137ff,#07c6ff 40% 60%,#c137ff);overflow:hidden}.pc-card:hover,.pc-card.active{transition:none;transform:translateZ(.1px) rotateX(var(--rotate-y)) rotateY(var(--rotate-x))}.pc-card *{display:grid;grid-area:1/-1;border-radius:var(--card-radius);transform:translateZ(.1px);pointer-events:none}.pc-inside{inset:1px;position:absolute;background-image:var(--inner-gradient);background-color:#000000e6;transform:translateZ(.01px)}.pc-shine{-webkit-mask-image:var(--icon);mask-image:var(--icon);mask-mode:luminance;-webkit-mask-repeat:repeat;mask-repeat:repeat;-webkit-mask-size:150%;mask-size:150%;-webkit-mask-position:top calc(200% - (var(--background-y) * 5)) left calc(100% - var(--background-x));mask-position:top calc(200% - (var(--background-y) * 5)) left calc(100% - var(--background-x));transition:filter .6s ease;filter:brightness(.66) contrast(1.33) saturate(.33) opacity(.5);animation:holo-bg 18s linear infinite;mix-blend-mode:color-dodge}.pc-shine,.pc-shine:after{--space: 5%;--angle: -45deg;transform:translateZ(1px);overflow:hidden;z-index:3;background:transparent;background-size:cover;background-position:center;background-image:repeating-linear-gradient(0deg,var(--sunpillar-clr-1) calc(var(--space) * 1),var(--sunpillar-clr-2) calc(var(--space) * 2),var(--sunpillar-clr-3) calc(var(--space) * 3),var(--sunpillar-clr-4) calc(var(--space) * 4),var(--sunpillar-clr-5) calc(var(--space) * 5),var(--sunpillar-clr-6) calc(var(--space) * 6),var(--sunpillar-clr-1) calc(var(--space) * 7)),repeating-linear-gradient(var(--angle),#0e152e 0%,hsl(180,10%,60%) 3.8%,hsl(180,29%,66%) 4.5%,hsl(180,10%,60%) 5.2%,#0e152e 10%,#0e152e 12%),radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsla(0,0%,0%,.1) 12%,hsla(0,0%,0%,.15) 20%,hsla(0,0%,0%,.25) 120%);background-position:0 var(--background-y),var(--background-x) var(--background-y),center;background-blend-mode:color,hard-light;background-size:500% 500%,300% 300%,200% 200%;background-repeat:repeat}.pc-shine:before,.pc-shine:after{content:"";background-position:center;background-size:cover;grid-area:1/1;opacity:0}.pc-card:hover .pc-shine,.pc-card.active .pc-shine{filter:brightness(.85) contrast(1.5) saturate(.5);animation:none}.pc-card:hover .pc-shine:before,.pc-card.active .pc-shine:before,.pc-card:hover .pc-shine:after,.pc-card.active .pc-shine:after{opacity:1}.pc-shine:before{background-image:linear-gradient(45deg,var(--sunpillar-4),var(--sunpillar-5),var(--sunpillar-6),var(--sunpillar-1),var(--sunpillar-2),var(--sunpillar-3)),radial-gradient(circle at var(--pointer-x) var(--pointer-y),hsl(0,0%,70%) 0%,hsla(0,0%,30%,.2) 90%),var(--grain);background-size:250% 250%,100% 100%,220px 220px;background-position:var(--pointer-x) var(--pointer-y),center,calc(var(--pointer-x) * .01) calc(var(--pointer-y) * .01);background-blend-mode:color-dodge;filter:brightness(calc(2 - var(--pointer-from-center))) contrast(calc(var(--pointer-from-center) + 2)) saturate(calc(.5 + var(--pointer-from-center)));mix-blend-mode:luminosity}.pc-shine:after{background-position:0 var(--background-y),calc(var(--background-x) * .4) calc(var(--background-y) * .5),center;background-size:200% 300%,700% 700%,100% 100%;mix-blend-mode:difference;filter:brightness(.8) contrast(1.5)}.pc-glare{transform:translateZ(1.1px);overflow:hidden;background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsl(248,25%,80%) 12%,hsla(207,40%,30%,.8) 90%);mix-blend-mode:overlay;filter:brightness(.8) contrast(1.2);z-index:4}.pc-avatar-content{mix-blend-mode:screen;overflow:hidden}.pc-avatar-content .avatar{width:100%;position:absolute;left:50%;transform:translate(-50%) scale(1);bottom:2px;opacity:calc(1.75 - var(--pointer-from-center))}.pc-avatar-content:before{content:"";position:absolute;inset:0;z-index:1;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);mask:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 60%,rgba(0,0,0,1) 90%,rgba(0,0,0,1) 100%);pointer-events:none}.pc-user-info{position:absolute;bottom:20px;left:20px;right:20px;z-index:2;display:flex;align-items:center;justify-content:space-between;background:#ffffff1a;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.1);border-radius:15px;padding:12px 14px;pointer-events:auto}.pc-user-details{display:flex;align-items:center;gap:12px}.pc-mini-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;border:1px solid rgba(255,255,255,.1);flex-shrink:0}.pc-mini-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.pc-user-text{display:flex;align-items:flex-start;flex-direction:column;gap:6px}.pc-handle{font-size:14px;font-weight:500;color:#ffffffe6;line-height:1}.pc-status{font-size:14px;color:#ffffffb3;line-height:1}.pc-contact-btn{border:2px solid #5227FF;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:600;color:#fff;background:linear-gradient(45deg,#5227ff,#ff9ffc);cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 20px #5227ff80}.pc-contact-btn:hover{border-color:#ff9ffc;transform:translateY(-2px);box-shadow:0 0 30px #5227ffcc;background:linear-gradient(45deg,#ff9ffc,#5227ff);transition:all .2s ease}.pc-content{max-height:100%;overflow:hidden;text-align:center;position:relative;transform:translate3d(calc(var(--pointer-from-left) * -6px + 3px),calc(var(--pointer-from-top) * -6px + 3px),.1px)!important;z-index:5;mix-blend-mode:luminosity}.pc-details{width:100%;position:absolute;top:3em;display:flex;flex-direction:column}.pc-details h3{font-weight:600;font-size:min(5svh,3em);margin:0;color:#fff}.pc-details p{font-weight:600;position:relative;top:-12px;white-space:nowrap;font-size:16px;margin:0 auto;width:min-content;color:#fff}@keyframes glow-bg{0%{--bgrotate: 0deg}to{--bgrotate: 360deg}}@keyframes holo-bg{0%{background-position:0 var(--background-y),0 0,center}to{background-position:0 var(--background-y),90% 90%,center}}@media (max-width: 768px){.pc-card{height:70svh;max-height:450px}.pc-details{top:2em}.pc-details h3{font-size:min(4svh,2.5em)}.pc-details p{font-size:14px}.pc-user-info{bottom:15px;left:15px;right:15px;padding:10px 12px}.pc-mini-avatar{width:28px;height:28px}.pc-user-details{gap:10px}.pc-handle{font-size:13px}.pc-status{font-size:10px}.pc-contact-btn{padding:6px 12px;font-size:11px}}@media (max-width: 480px){.pc-card{height:60svh;max-height:380px}.pc-details{top:1.5em}.pc-details h3{font-size:min(3.5svh,2em)}.pc-details p{font-size:12px;top:-8px}.pc-user-info{bottom:12px;left:12px;right:12px;padding:8px 10px;border-radius:50px}.pc-mini-avatar{width:24px;height:24px}.pc-user-details{gap:8px}.pc-handle{font-size:12px}.pc-status{font-size:9px}.pc-contact-btn{padding:5px 10px;font-size:10px;border-radius:50px}}@media (max-width: 320px){.pc-card{height:55svh;max-height:320px}.pc-details h3{font-size:min(3svh,1.5em)}.pc-details p{font-size:11px}.pc-user-info{padding:6px 8px;border-radius:50px}.pc-mini-avatar{width:20px;height:20px}.pc-user-details{gap:6px}.pc-handle{font-size:11px}.pc-status{font-size:8px}.pc-contact-btn{padding:4px 8px;font-size:9px;border-radius:50px}}.about-container{display:flex;justify-content:center;align-items:center;width:100%;position:relative;z-index:10;margin-top:300px;padding:0 20px}.about-box{display:flex;width:100%;max-width:900px;justify-content:center;align-items:center;flex-direction:row;gap:50px}.about-text{flex:1;max-width:500px}.about-h{margin-top:0;color:#fff;font-size:30px}.about-p{color:#fff;font-size:17px;line-height:1.6}@media (max-width: 768px){.about-container{margin-top:250px;padding:0 30px}.about-box{flex-direction:column;gap:40px;text-align:center;max-width:700px}.about-h{font-size:28px}.about-p{font-size:16px;max-width:100%}}@media (max-width: 480px){.about-container{margin-top:200px;padding:0 20px}.about-box{gap:30px;max-width:100%}.about-h{font-size:26px}.about-p{font-size:15px;line-height:1.7}}.exp-container{margin:200px auto;display:flex;justify-content:center;align-items:center;width:100%;min-height:100vh;position:relative;z-index:10;padding:50px 20px}.exp-box{display:flex;flex-direction:column;max-width:900px;width:100%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#000;border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:40px;gap:30px;transition:all .9s ease;box-shadow:0 0 0 0 transparent}.exp-box:hover{box-shadow:0 0 300px 1px #7c2cfd;transform:translateY(-5px)}.exp-h{color:#fff;font-size:2.5rem;margin:0;text-align:center;font-weight:600}.exp-p h3{color:#7c2cfd;font-size:1.5rem;margin:0 0 10px;font-weight:600}.exp-date{color:#fff;font-size:1rem;margin:0 0 20px;font-weight:500}.exp-list{color:#bebebe;font-size:1rem;line-height:1.6;padding-left:20px;margin:0;list-style:disc}.exp-list li{margin-bottom:12px;position:relative}.exp-list li::marker{color:#fff}@media (max-width: 768px){.exp-container{margin:150px auto;padding:30px 20px}.exp-box{padding:30px;gap:25px}.exp-h{font-size:2.2rem}.exp-p h3{font-size:1.3rem}.exp-list{font-size:.95rem;padding-left:18px}}@media (max-width: 480px){.exp-container{margin:100px auto;padding:20px 15px;min-height:auto}.exp-box{padding:25px;gap:20px;border-radius:15px}.exp-h{font-size:2rem}.exp-p h3{font-size:1.2rem}.exp-date{font-size:.9rem}.exp-list{font-size:.9rem;padding-left:16px}.exp-list li{margin-bottom:10px}}.contact-container{display:flex;justify-content:center;align-items:center;width:100%;min-height:100vh;position:relative;z-index:10;padding:50px 20px}.contact-box{display:flex;flex-direction:column;max-width:600px;width:100%;background-color:#000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:40px;gap:30px;transition:all .9s}.contact-box:hover{box-shadow:0 0 300px 1px #7c2cfd;transform:translateY(-5px)}.contact-title{color:#fff;font-size:2.5rem;margin:0;text-align:center;font-weight:600}.contact-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column}.form-input{padding:15px 20px;border:1px solid rgba(255,255,255,.3);border-radius:30px;color:#fff;font-size:16px;outline:none;transition:all .3s ease}.form-input::placeholder{color:#ffffffb3}.form-input:focus{border-color:#5227ff;box-shadow:0 0 10px #5227ff4d}.form-textarea{padding:15px 20px;border:1px solid rgba(255,255,255,.3);border-radius:30px;color:#fff;font-size:16px;outline:none;resize:vertical;min-height:120px;font-family:inherit;transition:all .3s ease}.form-textarea::placeholder{color:#ffffffb3}.form-textarea:focus{border-color:#5227ff;box-shadow:0 0 10px #5227ff4d}.form-submit-btn{padding:15px 30px;border-radius:30px;background:#5227ff;color:#000;font-size:16px;cursor:pointer;transition:all .3s ease;height:50px;width:200px;margin:auto}.form-submit-btn:hover{transform:translateY(-2px);box-shadow:0 0 30px #5227ff80;background:#9277ff}.form-result{color:#fff;text-align:center;font-size:16px;font-weight:500;min-height:20px}@media (max-width: 768px){.contact-container{padding:30px 20px}.contact-box{max-width:500px;padding:35px;gap:25px}.contact-title{font-size:2.2rem}.form-input,.form-textarea{padding:12px 18px;font-size:15px}.form-submit-btn{padding:12px 25px;font-size:15px;height:45px;width:180px}}@media (max-width: 480px){.contact-container{padding:20px 15px}.contact-box{max-width:100%;padding:25px;gap:20px;border-radius:15px}.contact-title{font-size:2rem}.form-input,.form-textarea{padding:12px 16px;font-size:14px;border-radius:25px}.form-textarea{min-height:100px}.form-submit-btn{padding:12px 20px;font-size:14px;height:42px;width:160px;border-radius:25px}.form-result{font-size:14px}}:root{--hue: 27;--sat: 69%;--white: hsl(0, 0%, 100%);--purple-primary: rgba(132, 0, 255, 1);--purple-glow: rgba(132, 0, 255, .2);--purple-border: rgba(132, 0, 255, .8);--border-color: #392e4e;--background-dark: #060010;color-scheme:light dark}.card-grid{display:grid;gap:.5em;padding:.75em;max-width:54em;font-size:clamp(1rem,.9rem + .5vw,1.5rem);margin:0 auto;width:100%}.card{display:flex;flex-direction:column;justify-content:space-between;position:relative;aspect-ratio:4/3;min-height:200px;width:100%;max-width:100%;padding:1.25em;border-radius:20px;border:1px solid var(--border-color);background:var(--background-dark);font-weight:300;overflow:hidden;transition:all .3s ease;--glow-x: 50%;--glow-y: 50%;--glow-intensity: 0;--glow-radius: 200px}.card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.card__header,.card__content{display:flex;position:relative;color:var(--white)}.card__header{gap:.75em;justify-content:space-between}.card__content{flex-direction:column}.card__label{font-size:16px}.card__title,.card__description{--clamp-title: 1;--clamp-desc: 2}.card__title{font-weight:400;font-size:16px;margin:0 0 .25em}.card__description{font-size:12px;line-height:1.2;opacity:.9}.card__icon{display:flex;justify-content:center;align-items:center;flex:1}.card__logo{width:40px;height:40px;object-fit:contain;opacity:.8}.card__multi-logos{display:flex;gap:10px;justify-content:center;align-items:center}.card__multi-logos .card__logo{width:45px;height:45px}.card__multi-logos:has(img[alt=HTML5]) .card__logo,.card__multi-logos:has(img[alt="Node.js"]) .card__logo{width:100px;height:100px}.card__multi-logos:has(img[alt=Docker]) .card__logo{width:50px;height:50px}.card__logo[src="/brain-logo.png"]{width:100px;height:100px}.card--text-autohide .card__title,.card--text-autohide .card__description{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.card--text-autohide .card__title{-webkit-line-clamp:var(--clamp-title);line-clamp:var(--clamp-title)}.card--text-autohide .card__description{-webkit-line-clamp:var(--clamp-desc);line-clamp:var(--clamp-desc)}@media (max-width: 599px){.card-grid{grid-template-columns:1fr;width:90%;margin:0 auto;padding:.5em;max-width:calc(100vw - 40px)}.card{width:100%;min-height:180px;max-width:100%}.card__logo,.card__multi-logos .card__logo{width:30px!important;height:30px!important}.card__multi-logos:has(img[alt=HTML5]) .card__logo,.card__multi-logos:has(img[alt="Node.js"]) .card__logo{width:35px!important;height:35px!important}.card__logo[src="/brain-logo.png"]{width:40px!important;height:40px!important}}@media (min-width: 600px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.card-grid{grid-template-columns:repeat(4,1fr)}.card:nth-child(3){grid-column:span 2;grid-row:span 2}.card:nth-child(4){grid-column:1 / span 2;grid-row:2 / span 2}.card:nth-child(6){grid-column:4;grid-row:3}}.card--border-glow:after{content:"";position:absolute;inset:0;padding:6px;background:radial-gradient(var(--glow-radius) circle at var(--glow-x) var(--glow-y),rgba(132,0,255,calc(var(--glow-intensity) * .8)) 0%,rgba(132,0,255,calc(var(--glow-intensity) * .4)) 30%,transparent 60%);border-radius:inherit;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:subtract;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;pointer-events:none;transition:opacity .3s ease;z-index:1}.card--border-glow:hover:after{opacity:1}.card--border-glow:hover{box-shadow:0 4px 20px #2e184e66,0 0 30px var(--purple-glow)}.particle-container{position:relative;overflow:hidden}.particle:before{content:"";position:absolute;inset:-2px;background:#8400ff33;border-radius:50%;z-index:-1}.particle-container:hover{box-shadow:0 4px 20px #2e184e33,0 0 30px var(--purple-glow)}.global-spotlight{mix-blend-mode:screen;will-change:transform,opacity;z-index:200!important;pointer-events:none}.bento-section{position:relative;-webkit-user-select:none;user-select:none}.skill-container{display:flex;flex-direction:column;width:100%;min-height:800px;justify-content:center;align-items:center;position:relative;z-index:10;margin:200px auto;padding:0 20px}.skill-h{color:#fff;font-size:2.5rem;margin-bottom:30px;text-align:center;z-index:20;position:relative}.skill-box{display:flex;width:100%;max-width:1200px;height:100%;justify-content:center;align-items:center;flex-direction:column}.skill-box>*{margin:0 auto}@media (max-width: 768px){.skill-container{min-height:600px;margin:150px auto;padding:0 30px}.skill-h{font-size:2.2rem;margin-bottom:25px}}@media (max-width: 480px){.skill-container{min-height:500px;margin:100px auto;padding:0 20px}.skill-h{font-size:2rem;margin-bottom:20px}}.darkveil-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;display:block}.footer-container{display:flex;justify-content:center;align-items:center;width:100%;min-height:100px;position:relative;z-index:10;padding:20px;margin-top:100px}.footer-box{display:flex;flex-direction:column;max-width:1200px;width:400px;height:40px;border:2px solid rgb(31,30,30);border-radius:30px;justify-content:center;align-items:center;gap:10px}.footer-box p{color:#fff;font-size:15px;margin:0;text-align:center}@media (max-width: 768px){.footer-container{padding:15px;margin-top:80px}.footer-box{width:350px;height:38px}.footer-box p{font-size:14px}}@media (max-width: 480px){.footer-container{padding:10px;margin-top:60px}.footer-box{width:280px;height:36px;border-radius:25px}.footer-box p{font-size:13px}}