:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#0a0a0f;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#0a0a0f}#root{width:100%;min-height:100vh}a{font-weight:500;color:#5227ff;text-decoration:none;transition:color .3s ease}a:hover{color:#b19eef}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}button{font-family:inherit;cursor:pointer}button:focus,button:focus-visible{outline:2px solid #5227FF;outline-offset:2px}.liquid-ether-container{position:relative;overflow:hidden;width:100%;height:100%;touch-action:none;z-index:0}.laser-flow-container{width:100%;height:100%;position:relative;pointer-events:none;z-index:-1}.target-cursor-wrapper{position:fixed;top:0;left:0;width:0;height:0;pointer-events:none;z-index:9999;mix-blend-mode:difference;transform:translate(-50%,-50%)}.target-cursor-dot{position:absolute;left:50%;top:50%;width:4px;height:4px;background:#fff;border-radius:50%;transform:translate(-50%,-50%);will-change:transform}.target-cursor-corner{position:absolute;left:50%;top:50%;width:12px;height:12px;border:3px solid #fff;will-change:transform}.corner-tl{transform:translate(-150%,-150%);border-right:none;border-bottom:none}.corner-tr{transform:translate(50%,-150%);border-left:none;border-bottom:none}.corner-br{transform:translate(50%,50%);border-left:none;border-top:none}.corner-bl{transform:translate(-150%,50%);border-right:none;border-top:none}body.target-cursor-active .cursor-target,body.target-cursor-active .cursor-target *{cursor:none!important}: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;top:50%;left:50%;width:100%;height:100%;background:radial-gradient(ellipse at center,rgba(132,0,255,.6) 0%,rgba(132,0,255,.3) 40%,transparent 70%);border-radius:inherit;transition:all .5s ease;filter:blur(30px);transform:translate(-50%,-50%) translateZ(.1px);opacity:.7}.pc-card-wrapper:hover,.pc-card-wrapper.active{--card-opacity: 1}.pc-card-wrapper:hover:before,.pc-card-wrapper.active:before{filter:blur(35px);transform:translate(-50%,-50%) translateZ(.1px);opacity:1}.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(270,100%,70%,var(--card-opacity)) 4%,hsla(270,80%,60%,calc(var(--card-opacity) * .75)) 10%,hsla(270,50%,50%,calc(var(--card-opacity) * .5)) 50%,hsla(270,0%,40%,0) 100%),radial-gradient(40% 50% at 50% 20%,rgba(132,0,255,.4) 0%,transparent 100%),radial-gradient(100% 100% at 50% 50%,rgba(132,0,255,.3) 1%,transparent 76%),conic-gradient(from 180deg at 50% 50%,#8400ff,#5227ff,#8400ff);overflow:hidden}.pc-card:hover,.pc-card.active{transition:transform .4s cubic-bezier(.23,1,.32,1);transform:translateZ(.1px) rotateX(var(--rotate-y)) rotateY(var(--rotate-x))}.pc-card.active.tracking{transition:transform .05s linear}.pc-card *{display:grid;grid-area:1/-1;border-radius:var(--card-radius);transform:translateZ(.1px);pointer-events:none}.pc-inside{inset:2px;position:absolute;background-image:var(--inner-gradient);background-color:#060010f2;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;transition:opacity .4s ease-out}.pc-card:hover .pc-shine,.pc-card.active .pc-shine{filter:brightness(.85) contrast(1.5) saturate(.5) opacity(.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:#7850c840;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid rgba(177,158,239,.2);box-shadow:0 16px 35px #5227ff40;border-radius:15px;padding:12px 14px;pointer-events:auto;mix-blend-mode:normal;isolation:isolate}.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,.2);flex-shrink:0;box-shadow:0 6px 18px #5227ff59}.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;color:#ffffffe6}.pc-handle{font-size:14px;font-weight:600;color:#fffffff2;line-height:1}.pc-status{font-size:13px;color:#d0c5ffe6;line-height:1}.pc-contact-btn{border:1px solid rgba(132,0,255,.4);border-radius:10px;padding:9px 20px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease;background:linear-gradient(135deg,#8400fff2,#5227fff2);box-shadow:0 12px 26px #5227ff59}.pc-contact-btn:hover{border-color:#fff6;transform:translateY(-1px);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;margin:0;font-size:min(5svh,3em);color:#fff;background:none;-webkit-text-fill-color:initial;background-clip:initial;-webkit-background-clip:initial}.pc-details p{font-weight:600;position:relative;top:.5rem;white-space:nowrap;font-size:16px;margin:0 auto;width:min-content;color:#ffffffd9;background:none;-webkit-text-fill-color:initial;background-clip:initial;-webkit-background-clip:initial}@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}}.light-theme .pc-card-wrapper:before{background:radial-gradient(ellipse at center,rgba(0,188,212,.18) 0%,rgba(0,188,212,.05) 50%,transparent 75%);filter:blur(22px);opacity:.45}.light-theme .pc-card{background-image:radial-gradient(farthest-side circle at var(--pointer-x) var(--pointer-y),hsla(187,100%,65%,var(--card-opacity)) 4%,hsla(187,80%,55%,calc(var(--card-opacity) * .75)) 10%,hsla(187,50%,45%,calc(var(--card-opacity) * .5)) 50%,hsla(187,0%,40%,0) 100%),radial-gradient(40% 50% at 50% 20%,rgba(0,188,212,.4) 0%,transparent 100%),radial-gradient(100% 100% at 50% 50%,rgba(0,188,212,.3) 1%,transparent 76%),conic-gradient(from 180deg at 50% 50%,#00bcd4,#0097a7,#00bcd4);background-size:100% 100%;background-position:0 0,0 0,50% 50%,0 0;background-blend-mode:color-dodge,normal,normal,normal;box-shadow:#0003 calc((var(--pointer-from-left) * 10px) - 3px) calc((var(--pointer-from-top) * 20px) - 6px) 20px -5px}.light-theme .pc-inside{background-image:linear-gradient(145deg,#fff,#f8f8f8);background-color:#fffffff2}.light-theme .pc-shine{filter:brightness(.85) contrast(1.2) saturate(.8) opacity(.15);mix-blend-mode:multiply;animation:holo-bg 18s linear infinite;background-image:repeating-linear-gradient(0deg,#75f0f0 5%,#5edced,#75dbf0,#5ee1ed,#75d7f0,#5edaed,#75f0f0 35%),repeating-linear-gradient(-45deg,#80d4e0,#70cfdb 3.8%,#7ddce8,#70cfdb 5.2%,#80d4e0 10% 12%),radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsla(187,100%,80%,.2) 12%,hsla(187,80%,70%,.25) 20%,hsla(187,60%,60%,.3) 120%)}.light-theme .pc-card:hover .pc-shine,.light-theme .pc-card.active .pc-shine{filter:brightness(.6) contrast(1.8) saturate(1.5) opacity(.6);animation:none}.light-theme .pc-glare{background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsl(187,80%,70%) 12%,hsla(187,40%,50%,.8) 90%);mix-blend-mode:overlay;filter:brightness(.8) contrast(1.2)}.light-theme .pc-avatar-content{mix-blend-mode:normal}.light-theme .pc-avatar-content .avatar{filter:grayscale(1) contrast(1.1)}.light-theme .pc-content{mix-blend-mode:normal}.light-theme .pc-details h3{color:#00a9d0}.light-theme .pc-details p{color:#034252b8}.light-theme .pc-user-info{background:#96e6f540;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid rgba(0,188,212,.2);box-shadow:0 24px 42px #00bcd440;color:#014155;mix-blend-mode:normal;isolation:isolate}.light-theme .pc-mini-avatar{border:1px solid rgba(0,188,212,.45);box-shadow:0 6px 18px #00acd44d}.light-theme .pc-handle{color:#00546ee6}.light-theme .pc-status{color:#007896bf}.light-theme .pc-contact-btn{background:linear-gradient(135deg,#00d4fff2,#00b9d4eb);border:1px solid rgba(0,188,212,.45);color:#fff;box-shadow:0 20px 36px #00bcd43d;-webkit-backdrop-filter:none;backdrop-filter:none}.light-theme .pc-contact-btn:hover{border-color:#00bcd499;box-shadow:0 24px 42px #00bcd459}@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}}.pc-contact-btn:hover{border-color:#af78ffb3;transform:translateY(-1px);box-shadow:0 16px 30px #8400ff66}.pc-contact-btn:active{transform:translateY(0);box-shadow:0 8px 18px #8400ff59}.galaxy-container{width:100%;height:100%;position:relative}.galaxy-container.light-mode canvas{mix-blend-mode:darken;filter:invert(1) hue-rotate(180deg)}.glass-surface{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:opacity .26s ease-out}.glass-surface__filter{width:100%;height:100%;pointer-events:none;position:absolute;inset:0;opacity:0;z-index:-1}.glass-surface__content{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:inherit;position:relative;z-index:1}.glass-surface--svg{background:light-dark(hsl(0 0% 100% / var(--glass-frost, 0)),hsl(0 0% 0% / var(--glass-frost, 0)));-webkit-backdrop-filter:var(--filter-id, url(#glass-filter)) saturate(var(--glass-saturation, 1));backdrop-filter:var(--filter-id, url(#glass-filter)) saturate(var(--glass-saturation, 1));box-shadow:0 0 2px 1px light-dark(color-mix(in oklch,black,transparent 85%),color-mix(in oklch,white,transparent 65%)) inset,0 0 10px 4px light-dark(color-mix(in oklch,black,transparent 90%),color-mix(in oklch,white,transparent 85%)) inset,0 4px 16px #11111a0d,0 8px 24px #11111a0d,0 16px 56px #11111a0d,0 4px 16px #11111a0d inset,0 8px 24px #11111a0d inset,0 16px 56px #11111a0d inset}.glass-surface--fallback{background:#ffffff40;backdrop-filter:blur(12px) saturate(1.8) brightness(1.1);-webkit-backdrop-filter:blur(12px) saturate(1.8) brightness(1.1);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #1f268733,0 2px 16px #1f26871a,inset 0 1px #fff6,inset 0 -1px #fff3}@media(prefers-color-scheme:dark){.glass-surface--fallback{background:#ffffff1a;backdrop-filter:blur(12px) saturate(1.8) brightness(1.2);-webkit-backdrop-filter:blur(12px) saturate(1.8) brightness(1.2);border:1px solid rgba(255,255,255,.2);box-shadow:inset 0 1px #fff3,inset 0 -1px #ffffff1a}}@supports not (backdrop-filter: blur(10px)){.glass-surface--fallback{background:#fff6;box-shadow:inset 0 1px #ffffff80,inset 0 -1px #ffffff4d}.glass-surface--fallback:before{content:"";position:absolute;inset:0;background:#ffffff26;border-radius:inherit;z-index:-1}}@supports not (backdrop-filter: blur(10px)){@media(prefers-color-scheme:dark){.glass-surface--fallback{background:#0006}.glass-surface--fallback:before{background:#ffffff0d}}}.glass-surface:focus-visible{outline:2px solid light-dark(#007aff,#0a84ff);outline-offset:2px}.blob-container{position:relative;top:0;left:0;width:100%;height:100%}.blob-main{pointer-events:none;position:absolute;width:100%;height:100%;overflow:hidden;background:transparent;-webkit-user-select:none;user-select:none;cursor:default}.blob{position:absolute;will-change:transform;transform:translate(-50%,-50%)}.inner-dot{position:absolute}.domain-expansion-wrapper{width:100%;height:100%;position:relative;overflow:hidden}.domain-expansion-container{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1}:root{--hue: 27;--sat: 69%;--white: hsl(0, 0%, 100%);--accent-dark: rgba(132, 0, 255, 1);--accent-dark-soft: rgba(132, 0, 255, .6);--accent-dark-glow: rgba(132, 0, 255, .22);--border-color: #392e4e;--background-dark: #060010;--accent-light: #00BCD4;--accent-light-soft: rgba(0, 212, 255, .65);--accent-light-glow: rgba(0, 212, 255, .18);--background-light: linear-gradient(135deg, rgba(240, 252, 255, .9) 0%, rgba(220, 244, 255, .9) 100%);--border-light: rgba(0, 188, 212, .35);--text-dark: #101223;--glow-rgb: 132, 0, 255;color-scheme:light dark}.light-theme :root{--border-color: var(--border-light)}.card-grid{display:grid;gap:1rem;padding:0;width:100%;height:100%;font-size:clamp(.9rem,.85rem + .3vw,1.1rem);grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr}.card{display:flex;flex-direction:column;justify-content:space-between;position:relative;min-height:180px;height:100%;width:100%;padding:1.75rem;border-radius:20px;border:1px solid var(--card-border, var(--border-color));background:var(--card-background, var(--background-dark));background-image:var(--card-background-image, radial-gradient(circle at 20% 20%, rgba(132, 0, 255, .18), transparent 55%), radial-gradient(circle at 80% 80%, rgba(24, 0, 45, .4), transparent 65%));font-weight:300;overflow:hidden;transition:transform .35s ease,box-shadow .35s ease;--glow-x: 50%;--glow-y: 50%;--glow-intensity: 0;--glow-radius: 220px;--card-glow-rgb: var(--glow-rgb)}.light-theme .card{background:var(--card-background, var(--background-light));border:1px solid var(--card-border, var(--border-light));color:var(--text-dark)}.card:hover{transform:none}.card__header,.card__content{display:flex;position:relative;color:var(--card-text, var(--white));z-index:1}.card__header{gap:.75em;justify-content:space-between}.card__content{flex-direction:column}.card__label{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.6px;opacity:.7;color:var(--card-label, rgba(255, 255, 255, .7))}.card__title,.card__description{--clamp-title: 2;--clamp-desc: 3}.card__title{font-weight:600;font-size:1.25rem;margin:0 0 .5rem;color:var(--card-title, #ffffff)}.card__description{font-size:.95rem;line-height:1.6;opacity:.85;color:var(--card-description, #d4d4d8)}.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:768px){.card-grid{grid-template-columns:1fr;gap:1rem}.card{width:100%;min-height:180px}}.card--border-glow:after{content:"";position:absolute;inset:0;padding:2px;background:radial-gradient(var(--glow-radius) circle at var(--glow-x) var(--glow-y),rgba(var(--card-glow-rgb),calc(var(--glow-intensity) * .9)) 0%,rgba(var(--card-glow-rgb),calc(var(--glow-intensity) * .5)) 25%,transparent 50%);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:2}.particle-container{position:relative;overflow:hidden}.light-theme .particle-container{background:transparent}.card-spotlight{mix-blend-mode:screen;will-change:transform,opacity;pointer-events:none}.light-theme .card-spotlight{mix-blend-mode:multiply}.global-spotlight{mix-blend-mode:screen;will-change:transform,opacity;z-index:200!important;pointer-events:none}.light-theme .global-spotlight{mix-blend-mode:multiply}.bento-section{position:relative;-webkit-user-select:none;user-select:none}.projects-layout{width:100%;max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}.projects-info-panel{width:100%}.projects-main{width:100%;display:flex;flex-direction:column;gap:2rem}.projects-search{width:100%;padding:.875rem 1rem;background:#8400ff14;border:1px solid rgba(132,0,255,.2);border-radius:12px;color:#fffffff2;font-size:.9375rem;outline:none;transition:all .2s ease;margin-bottom:1.5rem}.projects-search::placeholder{color:#ffffff80}.projects-search:focus{background:#8400ff1f;border-color:#8400ff66}.light-theme .projects-search{background:#00bcd414;border-color:#00bcd433;color:#101223f2}.light-theme .projects-search::placeholder{color:#10122380}.light-theme .projects-search:focus{background:#00bcd41f;border-color:#00bcd466}.projects-section{width:100%;display:flex;flex-direction:column;gap:1rem}.projects-section-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.projects-section-title{font-size:1.25rem;font-weight:600;color:#fffffff2;margin:0}.light-theme .projects-section-title{color:#101223f2}.projects-section-count{font-size:.875rem;color:#fff9;background:#8400ff26;padding:.25rem .625rem;border-radius:12px}.light-theme .projects-section-count{color:#10122399;background:#00bcd426}.projects-list{width:100%;display:flex;flex-direction:column;gap:1rem}.project-bar{background:#8400ff14;border:1px solid rgba(132,0,255,.2);border-radius:12px;padding:1.25rem;min-height:180px;display:flex;flex-direction:column;transition:background .2s ease,border-color .2s ease;cursor:pointer}.light-theme .project-bar{background:#00bcd414;border-color:#00bcd433}.info-bar{background:#8400ff1f;border-color:#8400ff4d;cursor:default;margin-bottom:1rem}.light-theme .info-bar{background:#00bcd41f;border-color:#00bcd44d}.project-bar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.project-bar-left{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.project-bar-right{display:flex;align-items:center;gap:1.25rem;flex-shrink:0}.platform-icon{color:#fffc;flex-shrink:0}.platform-icon.gitlab-icon{color:#fc6d26}.light-theme .platform-icon{color:#101223cc}.light-theme .platform-icon.gitlab-icon{color:#e64a19}.language-indicator{display:flex;align-items:center;gap:.375rem;margin-left:auto;padding:.25rem .625rem;border-radius:12px;background:#8400ff14;border:1px solid rgba(132,0,255,.15)}.light-theme .language-indicator{background:#00bcd414;border-color:#00bcd426}.language-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.language-name{font-size:.8125rem;color:#ffffffbf;font-weight:500}.light-theme .language-name{color:#101223bf}.project-bar-title{font-size:1.125rem;font-weight:600;color:#fffffff2;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.light-theme .project-bar-title{color:#101223f2}.refresh-button{width:36px;height:36px;border-radius:8px;background:#8400ff33;border:1px solid rgba(132,0,255,.4);color:#a78bfa;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.refresh-button:hover:not(:disabled){background:#8400ff4d;border-color:#8400ff99;transform:rotate(90deg)}.refresh-button:disabled{opacity:.5;cursor:not-allowed}.light-theme .refresh-button{background:#00bcd426;border-color:#00bcd459;color:#0097a7}.light-theme .refresh-button:hover:not(:disabled){background:#00bcd440;border-color:#00bcd480}.refresh-button svg.spinning{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.project-bar-description{font-size:.9375rem;color:#ffffffb3;line-height:1.5;margin:0 0 .75rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.light-theme .project-bar-description{color:#101223b3}.project-bar-footer{display:flex;justify-content:flex-end;align-items:center;margin-top:auto;padding-top:.75rem}.project-stat{font-size:.8125rem;color:#ffffffb3;display:flex;align-items:center;gap:.375rem;white-space:nowrap}.project-stat svg{flex-shrink:0;opacity:.8}.project-activity{color:#fff9}.light-theme .project-stat{color:#101223b3}.light-theme .project-activity{color:#10122399}.view-repo-button{padding:.5rem 1rem;border-radius:8px;background:#8400ff33;border:1px solid rgba(132,0,255,.4);color:#c4b5fd;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s ease;cursor:pointer}.view-repo-button:hover{background:#8400ff4d;border-color:#8400ff99;transform:translate(2px)}.light-theme .view-repo-button{background:#00bcd426;border-color:#00bcd459;color:#00838f}.light-theme .view-repo-button:hover{background:#00bcd440;border-color:#00bcd480}.projects-loading,.projects-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;color:#ffffffb3;background:#8400ff0d;border:1px solid rgba(132,0,255,.15);border-radius:12px}.light-theme .projects-loading,.light-theme .projects-error{color:#101223b3;background:#00bcd40d;border-color:#00bcd426}.loading-spinner{width:40px;height:40px;border:3px solid rgba(132,0,255,.2);border-top-color:#5227ff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.light-theme .loading-spinner{border:3px solid rgba(0,188,212,.2);border-top-color:#00bcd4}.about-container{width:100%;max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:3rem;padding-bottom:4rem}.about-site-section{width:100%}.site-description-card{background:#8400ff0d;border:1px solid rgba(132,0,255,.2);border-radius:12px;padding:2rem}.light-theme .site-description-card{background:#00bcd40d;border-color:#00bcd433}.site-intro{font-size:1.125rem;line-height:1.7;color:#ffffffd9;margin:0 0 2rem}.light-theme .site-intro{color:#101223d9}.site-features{display:flex;flex-direction:column;gap:1.5rem}.feature-item{display:flex;gap:1.25rem;align-items:flex-start;padding:1.25rem;background:#ffffff05;border-radius:8px;transition:all .3s ease}.feature-item:hover{background:#ffffff0a;transform:translate(8px)}.light-theme .feature-item{background:#00000005}.light-theme .feature-item:hover{background:#0000000a}.feature-icon{font-size:2rem;flex-shrink:0}.feature-content h3{font-size:1.125rem;font-weight:600;color:#fffffff2;margin:0 0 .5rem}.light-theme .feature-content h3{color:#101223f2}.feature-content p{font-size:.9375rem;line-height:1.6;color:#ffffffb3;margin:0}.light-theme .feature-content p{color:#101223b3}.about-me-section{width:100%}.about-info-bar{background:#8400ff1f;border:1px solid rgba(132,0,255,.3);border-radius:12px;padding:1.5rem}.light-theme .about-info-bar{background:#00bcd41f;border-color:#00bcd44d}.info-bar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.info-bar-title{font-size:1.5rem;font-weight:600;color:#fffffff2;margin:0}.light-theme .info-bar-title{color:#101223f2}.status-badge{padding:.5rem 1rem;background:#8400ff33;border:1px solid rgba(132,0,255,.4);border-radius:20px;color:#c4b5fd;font-size:.875rem;font-weight:500}.light-theme .status-badge{background:#00bcd433;border-color:#00bcd466;color:#00838f}.info-bar-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.info-item{display:flex;flex-direction:column;gap:.5rem}.info-label{font-size:.875rem;color:#fff9;text-transform:uppercase;letter-spacing:.05em}.light-theme .info-label{color:#10122399}.info-value{font-size:1.125rem;font-weight:500;color:#fffffff2}.light-theme .info-value{color:#101223f2}.section-title{font-size:1.75rem;font-weight:600;color:#fffffff2;margin:0 0 1.5rem}.light-theme .section-title{color:#101223f2}.journey-section{width:100%}.journey-intro{font-size:1.125rem;line-height:1.8;color:#fffc;margin-bottom:2.5rem;max-width:800px}.light-theme .journey-intro{color:#101223cc}.timeline{position:relative;display:flex;flex-direction:column;gap:2rem}.timeline-event{display:flex;gap:2rem;cursor:pointer;transition:all .3s ease}.timeline-event:hover{transform:translate(8px)}.timeline-marker{position:relative;display:flex;flex-direction:column;align-items:center;flex-shrink:0}.timeline-icon{width:60px;height:60px;border-radius:50%;background:#8400ff26;border:2px solid rgba(132,0,255,.4);display:flex;align-items:center;justify-content:center;font-size:1.5rem;transition:all .3s ease;z-index:1}.light-theme .timeline-icon{background:#00bcd426;border-color:#00bcd466}.timeline-event:hover .timeline-icon,.timeline-event.active .timeline-icon{background:#8400ff4d;border-color:#8400ff99;transform:scale(1.1)}.light-theme .timeline-event:hover .timeline-icon,.light-theme .timeline-event.active .timeline-icon{background:#00bcd44d;border-color:#00bcd499}.timeline-line{width:2px;flex:1;background:linear-gradient(to bottom,#8400ff66,#8400ff1a);margin-top:.5rem}.light-theme .timeline-line{background:linear-gradient(to bottom,#00bcd466,#00bcd41a)}.timeline-content{flex:1;padding:.5rem 0}.timeline-year{font-size:.875rem;color:#fff9;font-weight:500;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.light-theme .timeline-year{color:#10122399}.timeline-title{font-size:1.25rem;font-weight:600;color:#fffffff2;margin:0 0 .75rem}.light-theme .timeline-title{color:#101223f2}.timeline-description{font-size:1rem;line-height:1.6;color:#ffffffbf;margin:0}.light-theme .timeline-description{color:#101223bf}.skills-section{width:100%}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.skill-card{background:#8400ff0d;border:1px solid rgba(132,0,255,.2);border-radius:12px;padding:1.5rem;transition:all .3s ease}.skill-card:hover{background:#8400ff14;border-color:#8400ff4d;transform:translateY(-2px)}.light-theme .skill-card{background:#00bcd40d;border-color:#00bcd433}.light-theme .skill-card:hover{background:#00bcd414;border-color:#00bcd44d}.skill-category{font-size:1.125rem;font-weight:600;color:#fffffff2;margin:0 0 1rem}.light-theme .skill-category{color:#101223f2}.skill-items{display:flex;flex-direction:column;gap:.875rem}.skill-item{display:flex;justify-content:space-between;align-items:center;padding:.625rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.light-theme .skill-item{border-bottom-color:#1012231a}.skill-item:last-child{border-bottom:none}.skill-header{display:flex;align-items:center;gap:.625rem}.skill-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.skill-name{font-size:.9375rem;font-weight:500;color:#ffffffe6}.light-theme .skill-name{color:#101223e6}.skill-proficiency{font-size:.8125rem;color:#fff9;padding:.25rem .625rem;background:#8400ff1a;border-radius:12px}.light-theme .skill-proficiency{color:#10122399;background:#00bcd41a}.certificates-section{width:100%}.certificates-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}.certificate-card{background:#8400ff0d;border:1px solid rgba(132,0,255,.2);border-radius:12px;padding:1.5rem;transition:all .3s ease}.certificate-card:hover{background:#8400ff14;border-color:#8400ff4d;transform:translateY(-2px)}.light-theme .certificate-card{background:#00bcd40d;border-color:#00bcd433}.light-theme .certificate-card:hover{background:#00bcd414;border-color:#00bcd44d}.certificate-name{font-size:1.125rem;font-weight:600;color:#fffffff2;margin:0 0 1rem}.light-theme .certificate-name{color:#101223f2}.certificate-content{display:flex;flex-direction:column;gap:1.5rem}.certificate-pdf-link{text-decoration:none;color:inherit;display:block;transition:all .3s ease}.certificate-pdf-link:hover .certificate-placeholder{background:#8400ff26;border-color:#8400ff80;transform:translateY(-2px)}.light-theme .certificate-pdf-link:hover .certificate-placeholder{background:#00bcd426;border-color:#00bcd480}.certificate-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem;background:#8400ff14;border:2px dashed rgba(132,0,255,.3);border-radius:8px;color:#ffffff80;transition:all .3s ease;cursor:pointer}.light-theme .certificate-placeholder{background:#00bcd414;border-color:#00bcd44d;color:#10122380}.pdf-label{font-size:.875rem;font-weight:500;color:#8400ffe6;text-align:center}.light-theme .pdf-label{color:#00bcd4e6}.certificate-image{width:100%;height:auto;border-radius:8px}.certificate-info{display:flex;flex-direction:column;gap:.5rem}.certificate-issuer{font-size:.9375rem;font-weight:600;color:#ffffffe6;margin:0}.light-theme .certificate-issuer{color:#101223e6}.certificate-year{font-size:.875rem;color:#fff9;margin:0}.light-theme .certificate-year{color:#10122399}.certificate-description{font-size:.9375rem;line-height:1.6;color:#ffffffbf;margin:0}.light-theme .certificate-description{color:#101223bf}.beyond-section{width:100%}.beyond-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.beyond-card{background:#8400ff0d;border:1px solid rgba(132,0,255,.2);border-radius:12px;padding:1.5rem;transition:all .3s ease}.beyond-card:hover{background:#8400ff14;border-color:#8400ff4d;transform:translateY(-2px)}.light-theme .beyond-card{background:#00bcd40d;border-color:#00bcd433}.light-theme .beyond-card:hover{background:#00bcd414;border-color:#00bcd44d}.beyond-title{font-size:1.125rem;font-weight:600;color:#fffffff2;margin:0 0 1rem}.light-theme .beyond-title{color:#101223f2}.languages-list{display:flex;flex-direction:column;gap:1rem}.language-item{display:flex;align-items:center;gap:1rem;padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.light-theme .language-item{border-bottom-color:#1012231a}.language-item:last-child{border-bottom:none}.language-flag{font-size:2rem;flex-shrink:0}.language-info{display:flex;flex-direction:column;gap:.25rem;flex:1}.language-name{font-size:1rem;font-weight:500;color:#ffffffe6}.light-theme .language-name{color:#101223e6}.language-level{font-size:.8125rem;color:#fff9}.light-theme .language-level{color:#10122399}.hobbies-list{display:flex;flex-direction:column;gap:1rem}.hobby-item{display:flex;align-items:center;gap:1rem;padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.light-theme .hobby-item{border-bottom-color:#1012231a}.hobby-item:last-child{border-bottom:none}.hobby-icon{font-size:1.75rem;flex-shrink:0}.hobby-info{display:flex;flex-direction:column;gap:.25rem}.hobby-name{font-size:.9375rem;font-weight:500;color:#ffffffe6}.light-theme .hobby-name{color:#101223e6}.hobby-status{font-size:.8125rem;color:#a78bfa}.light-theme .hobby-status{color:#00838f}.future-plans{display:flex;flex-direction:column;gap:1.25rem}.plan-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#8400ff14;border-radius:8px;transition:all .2s ease}.light-theme .plan-item{background:#00bcd414}.plan-item:hover{background:#8400ff26;transform:translate(4px)}.light-theme .plan-item:hover{background:#00bcd426}.plan-icon{font-size:1.75rem;flex-shrink:0}.plan-info{display:flex;flex-direction:column;gap:.25rem;flex:1}.plan-title{font-size:.9375rem;font-weight:500;color:#ffffffe6}.light-theme .plan-title{color:#101223e6}.plan-timeline{font-size:.8125rem;color:#fff9}.light-theme .plan-timeline{color:#10122399}@media(max-width:768px){.about-container{gap:2rem}.timeline-event{gap:1rem}.timeline-icon{width:50px;height:50px;font-size:1.25rem}.skills-grid,.certificates-grid,.beyond-grid{grid-template-columns:1fr}.section-title{font-size:1.5rem}}.certificates-page{width:100%;max-width:900px;margin:0 auto;padding:2rem;min-height:calc(100vh - 200px)}.certificates-header{margin-bottom:3rem;text-align:center}.certificates-header h1{font-size:3rem;font-weight:800;margin-bottom:1rem;background:linear-gradient(135deg,#fff,#b19eef);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.light-theme .certificates-header h1{background:linear-gradient(135deg,#101223,#00bcd4);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.certificates-subtitle{font-size:1.125rem;color:#ffffffb3;margin:0}.light-theme .certificates-subtitle{color:#101223b3}.certificates-list{display:flex;flex-direction:column;gap:1.5rem}.certificate-list-item{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;background:#8400ff0d;border:1px solid rgba(132,0,255,.2);border-radius:12px;text-decoration:none;color:inherit;transition:all .3s ease}.certificate-list-item:hover{background:#8400ff14;border-color:#8400ff4d;transform:translate(8px)}.light-theme .certificate-list-item{background:#00bcd40d;border-color:#00bcd433}.light-theme .certificate-list-item:hover{background:#00bcd414;border-color:#00bcd44d}.certificate-icon{flex-shrink:0;width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:#8400ff1a;border-radius:8px;color:#c4b5fd}.light-theme .certificate-icon{background:#00bcd41a;color:#0288d1}.certificate-list-info{flex:1}.certificate-list-name{font-size:1.25rem;font-weight:600;color:#fffffff2;margin:0 0 .5rem}.light-theme .certificate-list-name{color:#101223f2}.certificate-list-issuer{font-size:.875rem;color:#fff9;margin:0 0 .75rem}.light-theme .certificate-list-issuer{color:#10122399}.certificate-list-description{font-size:.9375rem;line-height:1.6;color:#ffffffbf;margin:0}.light-theme .certificate-list-description{color:#101223bf}.certificate-arrow{flex-shrink:0;color:#8400ff99;transition:transform .3s ease}.certificate-list-item:hover .certificate-arrow{transform:translate(4px)}.light-theme .certificate-arrow{color:#00bcd499}@media(max-width:768px){.certificates-page{padding:1.5rem}.certificates-header h1{font-size:2rem}.certificate-list-item{flex-direction:column;text-align:center;gap:1rem}.certificate-arrow{transform:rotate(90deg)}.certificate-list-item:hover .certificate-arrow{transform:rotate(90deg) translate(4px)}}.notfound-container{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 200px);width:100%;padding:2rem}.notfound-content{text-align:center;max-width:600px}.notfound-title{font-size:8rem;font-weight:800;background:linear-gradient(135deg,#8400ff,#c4b5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0 0 1rem;line-height:1}.light-theme .notfound-title{background:linear-gradient(135deg,#00bcd4,#4dd0e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.notfound-subtitle{font-size:2rem;font-weight:600;color:#fffffff2;margin:0 0 1rem}.light-theme .notfound-subtitle{color:#101223f2}.notfound-message{font-size:1.125rem;line-height:1.7;color:#ffffffb3;margin:0 0 2rem}.light-theme .notfound-message{color:#101223b3}.notfound-button{display:inline-block;padding:.875rem 2rem;background:#8400ff26;border:2px solid rgba(132,0,255,.4);border-radius:8px;color:#c4b5fd;font-size:1rem;font-weight:500;text-decoration:none;transition:all .3s ease}.notfound-button:hover{background:#8400ff40;border-color:#8400ff99;transform:translateY(-2px)}.light-theme .notfound-button{background:#00bcd426;border-color:#00bcd466;color:#0288d1}.light-theme .notfound-button:hover{background:#00bcd440;border-color:#00bcd499}:root{--bg-primary: #0a0a0f;--bg-secondary: rgba(30, 27, 75, .6);--text-primary: #e4e4e7;--text-secondary: #a1a1aa;--text-tertiary: #71717a;--accent-primary: #5227FF;--accent-secondary: #B19EEF;--accent-tertiary: #FF9FFC;--border-color: rgba(82, 39, 255, .3);--border-color-hover: rgba(82, 39, 255, .5);--sidebar-bg: rgba(10, 10, 15, .85);--settings-title-color: #e4e4e7;--hero-title-color: #ffffff;--hero-desc-color: #d4d4d8;--hero-fade: linear-gradient(to bottom, transparent, #0a0a0f);--hero-fade-contact: linear-gradient(to bottom, transparent, #0a0a0f);--scrollbar-track: rgba(82, 39, 255, .1);--scrollbar-thumb: rgba(82, 39, 255, .4);--scrollbar-thumb-hover: rgba(82, 39, 255, .6)}.light-theme{--bg-primary: #F8F9FA;--bg-secondary: rgba(0, 188, 212, .12);--text-primary: #1a1a1a;--text-secondary: #4a4a4a;--text-tertiary: #6a6a6a;--accent-primary: #00BCD4;--accent-secondary: #4DD0E1;--accent-tertiary: #00D4FF;--border-color: rgba(0, 188, 212, .2);--border-color-hover: rgba(0, 188, 212, .4);--sidebar-bg: rgba(248, 249, 250, .7);--settings-title-color: #00BCD4;--hero-title-color: #00BCD4;--hero-desc-color: #1a1a1a;--hero-fade: linear-gradient(to bottom, rgba(248, 249, 250, 0) 0%, rgba(248, 249, 250, .8) 70%, #F8F9FA 100%);--hero-fade-contact: transparent;--scrollbar-track: rgba(0, 188, 212, .1);--scrollbar-thumb: rgba(0, 188, 212, .4);--scrollbar-thumb-hover: rgba(0, 188, 212, .6)}*{margin:0;padding:0;box-sizing:border-box;transition:background-color .3s ease,color .3s ease,border-color .3s ease}*:focus{outline:none!important}*:focus-visible{outline:none!important}button:focus,button:focus-visible{outline:none!important;box-shadow:none!important}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden;width:100%;max-width:100vw}html{overflow-x:hidden;width:100%;max-width:100vw}.app-container{display:flex;min-height:100vh;background:var(--bg-primary);color:var(--text-primary);position:relative;overflow-x:hidden;width:100%;max-width:100vw}.home-page{position:relative;width:100%;min-height:100vh}.hero-section{position:relative;width:100%;height:500px;overflow:hidden}.hero-section:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:200px;background:var(--hero-fade);z-index:0;pointer-events:none}.hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:auto}.light-theme .hero-bg{mix-blend-mode:multiply;opacity:.6}.hero-text{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:0 4rem;pointer-events:none}.hero-text h1,.hero-text p{pointer-events:none}.hero-logo{width:180px;height:auto;margin-bottom:2rem;filter:drop-shadow(0 0 30px rgba(232,121,249,.5)) drop-shadow(0 0 60px rgba(82,39,255,.3));animation:float 3s ease-in-out infinite;pointer-events:none}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hero-text h1{font-size:4rem;font-weight:900;margin-bottom:1.5rem;color:var(--hero-title-color);text-shadow:0 0 40px var(--accent-primary)}.hero-text .subtitle{font-size:1.8rem;color:var(--accent-primary);margin-bottom:1rem;font-weight:500}.hero-text .description{font-size:1.2rem;color:var(--hero-desc-color);max-width:600px}.content-section-home{position:relative;padding:2rem 4rem 4rem;background:var(--bg-primary)}.laser-on-top{position:absolute;top:-600px;left:0;width:100%;height:600px;max-height:600px;z-index:-1;pointer-events:none;overflow:hidden}.about-me-bento-wrapper{position:relative;width:100%;overflow:visible;margin-bottom:3.5rem;z-index:1}.about-me-bento-wrapper .card-grid{grid-template-columns:1fr!important}.about-me-bento-wrapper .card{min-height:350px;padding:2.5rem}.about-me-bento-wrapper .card__title{font-size:2.5rem;font-weight:700;margin-bottom:1.5rem;background:none;-webkit-background-clip:initial;-webkit-text-fill-color:inherit;color:var(--card-title, var(--hero-title-color))}.about-me-bento-wrapper .card__description{font-size:1.1rem;line-height:1.7;opacity:1;max-width:900px;color:var(--card-description, var(--hero-desc-color))}.about-me-large{position:relative;background:#1e1b4b99;border:1px solid rgba(82,39,255,.3);border-radius:20px;width:100%;min-height:400px;padding:3rem;overflow:visible;margin-bottom:2rem;z-index:2;transition:all .3s ease}.about-me-large:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);background-size:20px 20px;-webkit-mask-image:radial-gradient(ellipse at center,black 30%,rgba(0,0,0,.6) 50%,transparent 85%);mask-image:radial-gradient(ellipse at center,black 30%,rgba(0,0,0,.6) 50%,transparent 85%);opacity:.8;z-index:1;border-radius:16px;overflow:hidden}.about-me-large:hover{background:#1e1b4bcc;border-color:#5227ff80;box-shadow:0 10px 40px #5227ff66}.about-me-large:hover:before{opacity:1}.laser-gap{position:absolute;top:0;left:0;width:100%;height:300px;z-index:0;pointer-events:none}.about-content-large{position:relative;z-index:3;max-width:800px}.about-content-large h2{font-size:2.5rem;font-weight:700;margin-bottom:1.5rem;background:linear-gradient(135deg,#fff,#b19eef);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-content-large p{font-size:1.1rem;line-height:1.7;color:#e4e4e7;margin-bottom:1rem}.about-content-large strong{color:#fff;font-weight:600}.cards-with-profile{display:grid;grid-template-columns:450px 1fr;gap:3rem;align-items:start;width:100%;margin-top:1rem}.small-boxes-grid{display:flex;width:100%;min-height:100%}.small-boxes-grid .card-grid{grid-template-columns:1fr!important;gap:1.5rem}.small-boxes-grid .card{min-height:160px}.small-box{position:relative;background:#1e1b4b99;border:1px solid rgba(82,39,255,.3);border-radius:16px;padding:2rem;transition:all .3s ease;overflow:hidden}.small-box:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px);background-size:16px 16px;mask-image:radial-gradient(ellipse at center,black 25%,rgba(0,0,0,.5) 45%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at center,black 25%,rgba(0,0,0,.5) 45%,transparent 75%);pointer-events:none;opacity:.7;z-index:0}.small-box:hover{background:#1e1b4bcc;border-color:#5227ff80;box-shadow:0 10px 40px #5227ff66}.small-box:hover:before{opacity:.9}.small-box h3{position:relative;z-index:1;font-size:1.5rem;margin-bottom:1rem;color:#fff}.small-box p{position:relative;z-index:1;font-size:1rem;line-height:1.6;color:#d4d4d8}.about-card{position:relative;width:100%;min-height:400px;background:#1e1b4b66;border:1px solid rgba(82,39,255,.3);border-radius:20px;padding:3rem;overflow:hidden;margin-top:2rem;transition:all .3s ease}.about-card:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.7) 1px,transparent 1px);background-size:15px 15px;mask-image:radial-gradient(ellipse at center,black 50%,transparent 85%);-webkit-mask-image:radial-gradient(ellipse at center,black 50%,transparent 85%);pointer-events:none;opacity:.5;z-index:1}.about-card:hover{background:#1e1b4b99;border-color:#5227ff80;box-shadow:0 10px 40px #5227ff4d}.laser-flow-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;opacity:.7;pointer-events:none}.about-content{position:relative;z-index:2}.sidebar{position:fixed;left:0;top:0;width:280px;height:100vh;background:var(--sidebar-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid var(--border-color);padding:2rem 1.5rem;z-index:10;display:flex;flex-direction:column;overflow:hidden;transition:transform .3s ease,background-color .3s ease,border-color .3s ease}.light-theme .sidebar{box-shadow:2px 0 10px #0000000d}@media(min-width:769px){.sidebar.collapsed{transform:translate(-100%)}}@media(max-width:768px){.sidebar{transform:translate(-100%)}}.sidebar-toggle{position:fixed;top:1.5rem;left:1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--accent-secondary);transition:background .3s ease,border-color .3s ease,color .3s ease;z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sidebar-toggle:hover{background:var(--border-color-hover);border-color:var(--accent-primary);color:var(--text-primary)}.main-content{flex:1;margin-left:0;transition:margin-left .3s ease;width:100%}@media(min-width:769px){.main-content{margin-left:280px;width:calc(100% - 280px)}.sidebar-collapsed .main-content{margin-left:0;width:100%}}.sidebar-backdrop{display:none}@media(max-width:768px){html,body,.app-container{overflow-x:hidden!important;position:relative!important}.sidebar{z-index:100;height:100vh!important;height:100dvh!important;min-height:100vh!important;min-height:100dvh!important;max-height:100vh!important;max-height:100dvh!important;position:fixed!important;top:0!important;bottom:0!important;width:280px;max-width:80vw;display:flex!important;flex-direction:column!important;padding:1rem!important;box-sizing:border-box!important;margin:0!important}.sidebar-scroll-area{flex:1;overflow-y:auto!important;overflow-x:hidden;-webkit-overflow-scrolling:touch;min-height:0}.quick-settings{flex-shrink:0!important;padding:1rem .5rem!important}.app-container.sidebar-collapsed .sidebar{transform:translate(-100%)!important;visibility:hidden!important}.app-container:not(.sidebar-collapsed) .sidebar{transform:translate(0)!important;visibility:visible!important}.sidebar-backdrop{display:none!important}.mobile-backdrop{display:block;position:fixed;inset:0 0 0 280px;background:#00000080;z-index:99}.sidebar-toggle{z-index:101}.main-content,.sidebar-collapsed .main-content,.app-container .main-content,.app-container.sidebar-collapsed .main-content{margin-left:0!important;margin-right:0!important;width:100vw!important;max-width:100vw!important;position:relative!important;left:0!important;right:0!important}.page-background{left:0!important;width:100vw!important}.hero-section{width:100%;height:400px}.hero-text{padding:0 2rem}.home-page{width:100%}.content-section-home{padding:2rem 1rem}.about-me-large{padding:2rem;min-height:auto}.cards-with-profile{flex-direction:column}.small-boxes-grid{grid-template-columns:1fr}}.sidebar-scroll-area{flex:1;overflow-y:auto;overflow-x:hidden;margin-bottom:1rem;padding-right:.5rem}.logo{display:flex;flex-direction:column;align-items:center;gap:1rem}.sidebar-scroll-area::-webkit-scrollbar{width:6px}.sidebar-scroll-area::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:3px;margin-left:.5rem}.sidebar-scroll-area::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}.sidebar-scroll-area::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.logo-image{width:120px;height:auto;filter:drop-shadow(0 0 20px rgba(82,39,255,.4))}.logo h2{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 50%,var(--accent-tertiary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:3rem;text-align:center}.light-theme .logo h2{background:linear-gradient(135deg,#00bcd4,#4dd0e1,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-menu{display:flex;flex-direction:column;gap:.5rem}.nav-button{background:transparent;border:none;color:var(--text-secondary);padding:1rem 1.5rem 1rem 2.5rem;text-align:left;font-size:1rem;font-weight:500;cursor:pointer;border-radius:12px;transition:all .3s ease;position:relative;overflow:hidden;backface-visibility:hidden;-webkit-font-smoothing:antialiased}.nav-button:before{content:"";position:absolute;left:.5rem;top:50%;transform:translateY(-50%);width:8px;height:8px;background:var(--accent-primary);border-radius:50%;opacity:0;box-shadow:0 0 12px var(--accent-primary),0 0 20px var(--border-color-hover);transition:opacity .3s ease}.nav-button:hover{background:var(--border-color);color:var(--text-primary)}.nav-button.active{background:var(--border-color-hover);color:var(--text-primary);transform:none}.nav-button.active:before{opacity:1}.quick-settings{padding:1.5rem;border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:1.5rem;flex-shrink:0}.toggle-label{display:flex;align-items:center;justify-content:space-between;cursor:pointer;color:var(--text-primary);font-size:.95rem;font-weight:500}.toggle-label input[type=checkbox]{display:none}.toggle-slider{position:relative;width:48px;height:24px;background:var(--border-color);border-radius:12px;transition:background .3s}.toggle-slider:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;background:var(--text-tertiary);border-radius:50%;transition:all .3s}.toggle-label input:checked~.toggle-slider{background:var(--border-color-hover)}.toggle-label input:checked~.toggle-slider:after{left:27px;background:var(--accent-primary)}.language-selector{display:flex;width:100%}.lang-buttons{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:.25rem;width:100%;background:var(--border-color);padding:.25rem;border-radius:8px}.lang-btn{position:relative;z-index:2;padding:.5rem 0;background:transparent;border:none;font-size:.85rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:color .3s;outline:none}.lang-btn:hover,.lang-btn.active{color:var(--text-primary)}.lang-slider{position:absolute;top:.25rem;width:calc(25% - .375rem);height:calc(100% - .5rem);background:var(--accent-primary);border-radius:6px;transition:left .3s cubic-bezier(.4,0,.2,1);z-index:1;box-shadow:0 0 12px var(--border-color-hover);pointer-events:none}.page-wrapper{position:relative;width:100%;min-height:100vh}.page-background{position:absolute;top:0;left:0;width:100%;height:500px;z-index:0;pointer-events:auto;overflow:hidden;transition:left .3s ease,width .3s ease;background:var(--bg-primary)}@media(min-width:769px){.page-background,.sidebar-collapsed .page-background{left:0;width:100%}}.page-background:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:200px;background:var(--hero-fade);z-index:1;pointer-events:none}.contact-page .page-background:after{background:var(--hero-fade-contact)}.page-content{position:relative;z-index:1;padding:4rem;min-height:100vh;pointer-events:none}.page-content>*{pointer-events:auto}.projects-centered-wrapper{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 500px - 8rem);width:100%;max-width:1400px;margin:350px auto 0}.about-centered-wrapper{display:flex;flex-direction:column;width:100%;max-width:1400px;margin:350px auto 0;padding:0 2rem}.page-content h1{font-size:3rem;font-weight:800;margin-bottom:2rem;background:linear-gradient(135deg,#fff,#b19eef);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 40px var(--accent-primary)}.light-theme .page-content h1{background:linear-gradient(135deg,#00bcd4,#4dd0e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-subtitle{font-size:1.125rem;color:#ffffffb3;margin-bottom:2.5rem;margin-top:-1rem}.light-theme .page-subtitle{color:#101223b3}.settings-page{position:relative;width:100%;min-height:100vh}.settings-container,.settings-container-bento{width:100%;margin:2rem 0;display:flex;flex-direction:column;gap:2rem}.settings-container-bento .card-grid{grid-template-columns:1fr!important}.settings-container-bento .card{min-height:auto;padding:2rem}.setting-item-bento{display:flex;align-items:center;justify-content:space-between;gap:2rem;width:100%}.setting-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:2rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;position:relative}.setting-info h3{color:var(--settings-title-color);font-size:1.2rem;margin-bottom:.5rem;text-shadow:0 0 20px var(--accent-primary)}.setting-info p{color:var(--text-primary);font-size:.95rem}.coming-soon{position:absolute;top:1rem;right:1rem;background:#5227ff33;color:#b19eef;padding:.3rem .8rem;border-radius:6px;font-size:.8rem;font-weight:600}.setting-item input:disabled~.toggle-slider{opacity:.3;cursor:not-allowed}.theme-selector,.selector-container{display:flex;width:100%;max-width:300px}.theme-buttons,.selector-buttons{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:.25rem;width:100%;background:var(--border-color);padding:.25rem;border-radius:8px}.theme-btn,.selector-btn{position:relative;z-index:2;padding:.5rem 0;background:transparent;border:none;font-size:.85rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:color .3s;outline:none;-webkit-user-select:none;user-select:none}.theme-btn:hover,.selector-btn:hover,.theme-btn.active,.selector-btn.active{color:var(--text-primary)}.theme-slider,.selector-slider{position:absolute;top:.25rem;left:.25rem;width:calc(33.333% - .375rem);height:calc(100% - .5rem);background:var(--accent-primary);border-radius:6px;transition:left .3s cubic-bezier(.4,0,.2,1);z-index:1;box-shadow:0 0 12px var(--border-color-hover);pointer-events:auto}.main-content{margin-left:280px;width:calc(100% - 280px);min-height:100vh;position:relative;z-index:1;overflow-y:auto}.content-section{max-width:1000px;animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px) scaleY(.95)}to{opacity:1;transform:translateY(0) scaleY(1)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}.content-section h1{font-size:3.5rem;font-weight:800;margin-bottom:1rem;background:linear-gradient(135deg,#fff,#b19eef);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{font-size:1.5rem;color:#b19eef;margin-bottom:1.5rem;font-weight:500}.content-section p{font-size:1.1rem;line-height:1.8;color:#d4d4d8;margin-bottom:1rem}.content-section strong{color:#fff;font-weight:600}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:2rem}.service-card{position:relative;background:#5227ff14;border:1px solid rgba(82,39,255,.2);border-radius:16px;padding:2rem;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden}.service-card:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.75) 1px,transparent 1px);background-size:12px 12px;mask-image:radial-gradient(ellipse at center,black 30%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at center,black 30%,transparent 75%);pointer-events:none;opacity:.4;z-index:0}.service-card:hover{background:#5227ff26;border-color:#b19eef66;box-shadow:0 10px 30px #5227ff4d}.service-card:hover:before{opacity:.7}.service-card h3{position:relative;z-index:1;font-size:1.5rem;margin-bottom:.75rem;color:#fff}.service-card p{position:relative;z-index:1;font-size:1rem;color:#a1a1aa}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.project-card{position:relative;background:#1e1b4b66;border:1px solid rgba(177,158,239,.3);border-radius:16px;padding:2rem;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden}.project-card:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.7) 1px,transparent 1px);background-size:14px 14px;mask-image:radial-gradient(ellipse at center,black 35%,transparent 78%);-webkit-mask-image:radial-gradient(ellipse at center,black 35%,transparent 78%);pointer-events:none;opacity:.35;z-index:0}.project-card:hover{background:#5227ff33;border-color:#5227ff;box-shadow:0 15px 40px #5227ff66}.project-card:hover:before{opacity:.6}.project-card h3{position:relative;z-index:1;font-size:1.75rem;margin-bottom:1rem;color:#ff9ffc}.project-card p{position:relative;z-index:1;font-size:1rem;color:#d4d4d8}.contact-info{margin-top:2rem;padding:2rem;background:#5227ff1a;border:1px solid rgba(177,158,239,.3);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.contact-info p{font-size:1.1rem;margin-bottom:.75rem}.footer{margin-top:8rem;padding:3rem 0;border-top:1px solid rgba(82,39,255,.2);background:#0a0a0fcc}.light-theme .footer{background:#f8f9facc;border-top:1px solid rgba(0,188,212,.2)}.footer-content{display:flex;justify-content:space-between;align-items:center;padding:0 4rem}.footer-left h3{font-size:1.3rem;font-weight:700;background:linear-gradient(135deg,#5227ff,#b19eef,#ff9ffc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.light-theme .footer-left h3{background:linear-gradient(135deg,#00bcd4,#4dd0e1,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-left p{color:#a1a1aa;font-size:.9rem}.light-theme .footer-left p{color:#4a4a4a}.footer-right p{color:#71717a;font-size:.9rem}.light-theme .footer-right p{color:#6a6a6a}@media(max-width:768px){.sidebar{width:100%;height:auto;position:relative;border-right:none;border-bottom:1px solid rgba(82,39,255,.2)}.main-content{margin-left:0;width:100%;padding:2rem 1.5rem}.content-section h1{font-size:2.5rem}.services-grid,.projects-grid{grid-template-columns:1fr}.footer-content{flex-direction:column;gap:1.5rem;text-align:center;padding:0 2rem}.cards-with-profile{grid-template-columns:1fr;gap:2rem}.about-me-large{padding:2rem;min-height:300px}.about-content-large h2{font-size:2rem}.about-content-large p{font-size:1rem}.about-me-bento-wrapper .card{min-height:300px;padding:2rem}.about-me-bento-wrapper .card__title{font-size:2rem}.about-me-bento-wrapper .card__description{font-size:1rem}.small-boxes-grid .card{min-height:140px}}