*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;height:300vh;background-color:#000;font-family:Lexend,sans-serif}.webgl{position:fixed;top:0;right:0;width:100%;height:100vh;z-index:2}nav{color:#fff;z-index:2;position:fixed;padding:4rem 8rem;display:flex;justify-content:space-between;width:100%}nav a{text-decoration:none;color:#fff;font-weight:700}nav ul{list-style:none;display:flex;gap:4rem}.content-wrapper{position:relative;width:50%;min-height:300vh;padding:0 5%;margin-left:0}.title{color:#3ea4f0;mix-blend-mode:exclusion;z-index:2;position:fixed;font-size:4rem;font-family:Lexend,sans-serif;font-weight:800;font-style:normal;left:50%;top:40%;transform:translate(-50%,-50%);opacity:1;width:100%;max-width:600px;text-align:center;animation:fadeInTitle 2s ease forwards;transition:opacity .5s ease,letter-spacing .5s ease,filter .5s ease,transform .5s ease}@keyframes fadeInTitle{0%{opacity:0;transform:translate(-50%,-60%)}to{opacity:1;transform:translate(-50%,-50%)}}.paragraph{color:#fff;z-index:2;position:fixed;font-size:1.2rem;font-family:Lexend,sans-serif;font-weight:100;font-style:normal;left:50%;top:85%;transform:translate(-50%,-50%);opacity:1;width:100%;max-width:600px;text-align:center;animation:fadeInParagraph 2s ease forwards;transition:opacity .5s ease,letter-spacing .5s ease,filter .5s ease,transform .5s ease}@keyframes fadeInParagraph{0%{opacity:0;transform:translate(-50%,-40%)}to{opacity:1;transform:translate(-50%,-50%)}}.columns-container{position:fixed;top:100vh;left:0;width:60%;height:100vh;display:flex;flex-direction:column;justify-content:flex-start;gap:2rem;z-index:2;opacity:0;padding:5%;overflow-y:auto;max-height:90vh;scrollbar-width:thin;scrollbar-color:rgba(62,164,240,.5) rgba(0,0,0,.2)}.columns-container::-webkit-scrollbar{width:8px}.columns-container::-webkit-scrollbar-track{background:#0003;border-radius:10px}.columns-container::-webkit-scrollbar-thumb{background-color:#3ea4f080;border-radius:10px}.column{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:30px;transform:translate(-50px);opacity:0;width:100%;transition:transform .5s ease,opacity .5s ease,box-shadow .3s ease;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 20px #0000004d;overflow:visible;position:relative;margin-bottom:20px;min-height:auto;max-height:none}.column:hover{box-shadow:0 8px 32px #3ea4f04d;border:1px solid rgba(62,164,240,.3)}.column:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 30% 30%,rgba(62,164,240,.05),transparent 70%);pointer-events:none}.about-column:after{content:"";position:absolute;top:-50px;right:-50px;width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,rgba(62,164,240,.2),transparent 70%);filter:blur(20px);z-index:-1}.hobbies-column:after{content:"";position:absolute;bottom:-50px;left:-50px;width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,rgba(138,43,226,.2),transparent 70%);filter:blur(20px);z-index:-1}.column-content{color:#fff;word-wrap:break-word;overflow-wrap:break-word;position:relative;z-index:1;overflow:visible}.cosmic-header{display:flex;align-items:center;margin-bottom:.5rem}.star-icon,.planet-icon{width:24px;height:24px;margin-right:10px;position:relative}.star-icon:before{content:"";position:absolute;width:100%;height:100%;background:radial-gradient(circle,#3ea4f0 10%,transparent 60%);border-radius:50%;animation:pulse 3s infinite alternate}.planet-icon:before{content:"";position:absolute;width:100%;height:100%;background:radial-gradient(circle,#8a2be2 10%,transparent 60%);border-radius:50%;animation:pulse 4s infinite alternate}@keyframes pulse{0%{transform:scale(.8);opacity:.7}to{transform:scale(1.2);opacity:1}}.cosmic-divider{height:2px;background:linear-gradient(90deg,transparent,rgba(62,164,240,.7),transparent);margin:.5rem 0 1.5rem;position:relative;overflow:hidden}.cosmic-divider:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);animation:shine 3s infinite}@keyframes shine{0%{left:-100%}to{left:100%}}.column-content h2{font-family:Lexend,sans-serif;font-size:2rem;margin-bottom:1rem;background:linear-gradient(90deg,#fff,#3ea4f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 10px rgba(62,164,240,.3)}.column-content p{font-family:Lexend,sans-serif;font-weight:100;line-height:1.6;margin-bottom:1rem;text-shadow:0 0 20px rgba(0,0,0,.5)}.highlight{color:#3ea4f0;font-weight:500}.quote{font-style:italic;border-left:3px solid #3ea4f0;padding-left:1rem;margin:1.5rem 0;font-size:.95rem;color:#add8e6}.interactive-buttons{display:flex;gap:1rem;margin:1.5rem 0;flex-wrap:wrap}.cosmic-button{display:inline-block;padding:.6rem 1.2rem;background:#3ea4f033;border:1px solid rgba(62,164,240,.5);border-radius:30px;color:#fff;font-family:Lexend,sans-serif;font-size:.9rem;text-decoration:none;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden;z-index:1;font-weight:500;letter-spacing:.5px;box-shadow:0 0 10px #3ea4f033}.cosmic-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease;z-index:-1}.cosmic-button:hover{background:#3ea4f066;box-shadow:0 0 20px #3ea4f099;transform:translateY(-3px);color:#fff;text-shadow:0 0 5px rgba(255,255,255,.5)}.cosmic-button:hover:before{left:100%}.toggle-skills{background:#8a2be233;border:1px solid rgba(138,43,226,.5);box-shadow:0 0 10px #8a2be233;position:relative;overflow:hidden;z-index:2}.toggle-skills:hover{background:#8a2be266;box-shadow:0 0 20px #8a2be299}@keyframes pulse-button{0%{box-shadow:0 0 10px #8a2be233}50%{box-shadow:0 0 20px #8a2be299}to{box-shadow:0 0 10px #8a2be233}}.toggle-skills.active{animation:pulse-button 2s infinite;background:#8a2be266}.skills-container{margin-top:1.5rem;display:block;animation:none;overflow:visible;opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease,visibility .5s ease;will-change:opacity,transform,visibility;pointer-events:none;visibility:hidden;height:0;overflow:hidden}.skills-container.visible{opacity:1;transform:translateY(0);pointer-events:auto;visibility:visible;height:auto;overflow:visible}.skill{margin-bottom:1rem}.skill span{display:block;margin-bottom:.3rem;font-size:.9rem}.skill-bar{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.skill-level{height:100%;background:linear-gradient(90deg,#3ea4f0,#8a2be2);border-radius:4px;width:0;transition:width 1s ease}.hobby-gallery{display:flex;gap:1rem;margin:1.5rem 0;justify-content:space-between}.hobby-item{display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:transform .3s ease;padding:.5rem;border-radius:10px}.hobby-item:hover{transform:translateY(-5px);background:#ffffff1a}.hobby-icon{width:40px;height:40px;border-radius:50%;margin-bottom:.5rem;position:relative}.design-icon{background:radial-gradient(circle,#ff6b6b 10%,transparent 70%)}.gaming-icon{background:radial-gradient(circle,#5ce1e6 10%,transparent 70%)}.travel-icon{background:radial-gradient(circle,#ffbe0b 10%,transparent 70%)}.hobby-icon:before{content:"";position:absolute;width:100%;height:100%;border-radius:50%;background:inherit;filter:blur(5px);z-index:-1}.hobby-item span{font-size:.8rem;text-align:center}.hobby-details{margin:1.5rem 0;background:#0003;border-radius:10px;padding:1rem;min-height:100px;position:relative;overflow:hidden}.hobby-details:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 70% 30%,rgba(138,43,226,.1),transparent 70%);pointer-events:none}.hobby-detail{display:none;animation:fadeIn .5s ease forwards}.hobby-detail h3{font-size:1.2rem;margin-bottom:.5rem;color:#add8e6}.hobby-detail p{font-size:.9rem;margin-bottom:0}#design-detail{display:block}.timeline-item{position:relative;margin:2rem 0;padding:20px;background:#ffffff1a;border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.progress-bar{width:100%;height:10px;background:#3a62e7b4;border-radius:5px;margin:10px 0;overflow:hidden}.progress-fill{height:100%;background:#3ea4f0;width:var(--progress)}.timeline{position:relative;max-width:800px;margin:2rem auto;padding:20px}.timeline-item{position:relative;margin:2rem 0;padding:20px;background:#ffffff1a;border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:translate(-100%);opacity:0;transition:all .5s ease}.timeline-item.visible{transform:translate(0);opacity:1}.timeline-item:before{content:"";position:absolute;left:-40px;top:50%;width:20px;height:20px;background:#3ea4f0;border-radius:50%}.skill-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin:2rem 0}.skill-card:hover{transform:translateY(-5px)}.progress-bar{width:100%;height:10px;background:#ffffff1a;border-radius:5px;margin:10px 0;overflow:hidden}.progress-fill{height:100%;background:#3ea4f0;transform:scaleX(0);transform-origin:left;transition:transform 1s ease}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:2rem 0}.gallery-item{position:relative;border-radius:15px;overflow:hidden;cursor:pointer}.gallery-item img{width:100%;height:200px;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.stat-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin:2rem 0}.stat-card{background:#ffffff1a;border-radius:15px;padding:1.5rem;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat-number{font-size:2.5rem;font-weight:700;color:#3ea4f0;margin-bottom:.5rem}.stat-card p{color:#fff;font-family:Lexend,sans-serif;font-weight:100;line-height:1.6}.map-container{width:100%;height:400px;margin:2rem 0;border-radius:15px;overflow:hidden}@media (max-width: 768px){.timeline-item:before{left:-20px}.skill-grid{grid-template-columns:1fr}.gallery{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media (max-width: 480px){body{height:300vh;background-color:#000}nav{padding:1rem 1.5rem}nav ul{gap:1rem}nav a{font-size:.9rem}.webgl{z-index:1}.content-wrapper{width:90%;padding:0 2%}.title{font-size:1.5rem;padding:0 5%;top:35%}.paragraph{font-size:1rem;padding:0 5%;top:75%}.columns-container{width:100%;padding:0 4%;height:auto;min-height:100vh;position:relative;top:auto;max-height:none;overflow:visible}.column{padding:20px;transform:translate(0);margin-bottom:1rem}.column-content{font-size:.9rem}.column-content h2{font-size:1.5rem}.column-content p{font-size:.9rem}.column-content a{word-break:break-word;display:inline-block}.location-content{padding:50px 5%}.location-content h1{font-size:2.5rem}.location-details{padding:1.5rem}.location-details h2{font-size:1.5rem}.location-details p{font-size:.9rem}@media (max-width: 768px){.timeline-item:before{left:-20px}.skill-grid{grid-template-columns:1fr}.gallery{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}.interactive-buttons{flex-direction:column}.hobby-gallery{flex-wrap:wrap;justify-content:center}.hobby-item{width:30%}}@media (min-width: 481px) and (max-height: 768px){.columns-container{width:75%;padding:0 3%}}.location-content{position:relative;padding:50px 10%;min-height:100vh;color:#fff;z-index:2}.location-content h1{font-size:4rem;text-align:center;margin-bottom:3rem;background:linear-gradient(45deg,#3ea4f0,#8a2be2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:glow 2s ease-in-out infinite alternate}@keyframes glow{0%{text-shadow:0 0 10px rgba(62,164,240,.5)}to{text-shadow:0 0 20px rgba(138,43,226,.8)}}.timeline{position:relative;max-width:1200px;margin:0 auto;padding:20px}.timeline-item{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:2rem;margin-bottom:2rem;border:1px solid rgba(255,255,255,.1);transition:transform .3s ease,box-shadow .3s ease}.timeline-item:hover{transform:translateY(-5px);box-shadow:0 10px 30px #3ea4f033}.timeline-content h2{color:#3ea4f0;margin-bottom:1rem}.timeline-date{color:#8a2be2;font-weight:500;margin-bottom:1rem}.timeline-image{width:100%;height:200px;-o-object-fit:cover;object-fit:cover;border-radius:10px;margin:1rem 0}.gallery-section{margin-top:4rem}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:2rem}.gallery-item{position:relative;border-radius:15px;overflow:hidden;aspect-ratio:16/9}.gallery-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s ease}.gallery-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);padding:20px;color:#fff;transform:translateY(100%);transition:transform .3s ease}.gallery-item:hover .gallery-overlay{transform:translateY(0)}.gallery-item:hover img{transform:scale(1.1)}.parallax-section{position:relative;height:60vh;overflow:hidden;border-radius:20px;margin:2rem 0}.parallax-bg{position:absolute;top:0;left:0;width:100%;height:120%;background-size:cover;background-position:center}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#00000080,#000c)}.section-content{position:relative;z-index:1;padding:2rem;height:100%;display:flex;align-items:center;justify-content:center}.cosmic-cards-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.cosmic-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:2rem;text-align:center;border:1px solid rgba(255,255,255,.1);transition:transform .3s ease,box-shadow .3s ease}.cosmic-card:hover{transform:translateY(-10px);box-shadow:0 10px 30px #3ea4f04d}.card-icon{width:100px;height:100px;margin:0 auto 1rem}.card-icon img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.story-section{margin-bottom:4rem}.story-card{display:grid;grid-template-columns:1fr 1fr;gap:2rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;overflow:hidden}.story-image{height:100%}.story-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.story-content{padding:2rem;display:flex;flex-direction:column;justify-content:center}.memory-tag{display:inline-block;background:#3ea4f033;padding:.5rem 1rem;border-radius:20px;margin-top:1rem}.summer-section{position:relative;padding:4rem 0;margin:4rem 0}.summer-content{position:relative;z-index:1;text-align:center}.summer-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.memory-card{position:relative;border-radius:15px;overflow:hidden;aspect-ratio:16/9}.memory-card img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s ease}.memory-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);padding:20px;color:#fff;transform:translateY(100%);transition:transform .3s ease}.memory-card:hover .memory-overlay{transform:translateY(0)}.memory-card:hover img{transform:scale(1.1)}.cosmic-terminal{background:#000c;border-radius:10px;overflow:hidden;margin:2rem 0;box-shadow:0 0 20px #3ea4f04d}.terminal-header{background:#ffffff1a;padding:.5rem 1rem;display:flex;align-items:center}.terminal-buttons{display:flex;gap:.5rem;margin-right:1rem}.terminal-buttons span{width:12px;height:12px;border-radius:50%;background:#ff5f56}.terminal-buttons span:nth-child(2){background:#ffbd2e}.terminal-buttons span:nth-child(3){background:#27c93f}.terminal-body{padding:1rem}.terminal-body code{color:#3ea4f0;font-family:Lexend,sans-serif}@media (max-width: 768px){.location-content{padding:50px 5%}.location-content h1{font-size:2.5rem}.story-card{grid-template-columns:1fr}.story-image{height:200px}.cosmic-cards-container,.gallery{grid-template-columns:1fr}}.achievement-card{background:#3ea4f01a;border-radius:10px;padding:1rem;margin:1rem 0;border:1px solid rgba(62,164,240,.2);transition:transform .3s ease,box-shadow .3s ease}.achievement-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #3ea4f033}.achievements-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}.experience-section{margin:3rem 0}.experience-card{display:grid;grid-template-columns:1.5fr 1fr;gap:2rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;overflow:hidden;padding:1.5rem;border:1px solid rgba(255,255,255,.1)}.experience-header{margin-bottom:1rem}.role{color:#8a2be2;font-weight:500;display:block;margin-top:.5rem}.tech-stack{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem}.tech-item{background:#8a2be233;padding:.5rem 1rem;border-radius:20px;font-size:.9rem}.card-image{display:flex;align-items:center;justify-content:center}.card-image img{max-width:100%;max-height:200px;-o-object-fit:contain;object-fit:contain}.akihabara-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;overflow:hidden;border:1px solid rgba(255,255,255,.1);margin-bottom:3rem}.card-header{position:relative;height:200px;overflow:hidden}.card-header h2{position:absolute;bottom:20px;left:20px;color:#fff;z-index:1;text-shadow:0 0 10px rgba(0,0,0,.8)}.card-header img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.card-body{padding:1.5rem}.interest-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:1.5rem}.interest-item{display:flex;flex-direction:column;align-items:center;text-align:center;transition:transform .3s ease}.interest-item:hover{transform:translateY(-5px)}.interest-item img{width:80px;height:80px;-o-object-fit:contain;object-fit:contain;margin-bottom:.5rem}.freelance-section{margin-top:3rem}@media (max-width: 768px){.achievements-grid,.experience-card,.interest-grid{grid-template-columns:1fr}.tech-stack{flex-direction:column}}.skills-galaxy{position:relative;padding:20px;overflow:visible;background:#0009;border-radius:15px;border:1px solid rgba(62,164,240,.4);box-shadow:0 0 20px #3ea4f04d;margin-bottom:20px;transform:translateZ(0);backface-visibility:hidden;-webkit-font-smoothing:antialiased;opacity:0;transition:opacity .8s ease-out,transform .8s ease-out;transform:scale(.95)}.skills-container.visible .skills-galaxy{opacity:1;transform:scale(1)}.skills-title{position:relative;text-align:center;margin-bottom:25px}.skills-title h3{color:#fff;font-size:1.8rem;margin:0;position:relative;z-index:2;text-shadow:0 0 15px rgba(62,164,240,.9);font-weight:600;letter-spacing:1px}.cosmic-orbit{position:absolute;width:50px;height:50px;border:1px solid rgba(138,43,226,.5);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1}.cosmic-orbit:before{content:"";position:absolute;width:100px;height:100px;border:1px dashed rgba(62,164,240,.3);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);animation:rotateOrbit 10s linear infinite}.cosmic-orbit:after{content:"";position:absolute;width:150px;height:150px;border:1px dotted rgba(138,43,226,.2);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);animation:rotateOrbit 15s linear infinite reverse}@keyframes rotateOrbit{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:15px;margin-top:20px}.skill-card{background:#00000080;border-radius:10px;padding:15px;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(62,164,240,.4);transition:all .3s ease;box-shadow:0 0 10px #3ea4f033;opacity:0;transform:translateY(20px)}.skill-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,rgba(138,43,226,.2),transparent);opacity:0;transition:opacity .3s ease;z-index:-1}.skill-card:hover{transform:translateY(-5px);box-shadow:0 5px 15px #3ea4f04d}.skill-card:hover:before{opacity:1}.skill-icon{width:50px;height:50px;margin-bottom:10px;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 0 5px rgba(62,164,240,.7))}.skill-icon img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;transition:transform .3s ease}.skill-card:hover .skill-icon img{transform:scale(1.1) rotate(5deg)}.skill-card h4{margin:0 0 5px;color:#fff;font-size:1.1rem;font-weight:500;text-shadow:0 0 8px rgba(62,164,240,.8)}.skill-card p{margin:0 0 10px;color:#ffffffe6;font-size:.85rem}.skill-level-cosmic{width:100%;height:6px;background:#00000080;border-radius:3px;overflow:hidden;position:relative;border:1px solid rgba(62,164,240,.3)}.cosmic-stars{height:100%;background:linear-gradient(90deg,#3ea4f0,#8a2be2);border-radius:3px;position:relative;box-shadow:0 0 10px #3ea4f080}.cosmic-stars:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 50%,rgba(255,255,255,.8) 1px,transparent 1px),radial-gradient(circle at 40% 50%,rgba(255,255,255,.8) 1px,transparent 1px),radial-gradient(circle at 60% 50%,rgba(255,255,255,.8) 1px,transparent 1px),radial-gradient(circle at 80% 50%,rgba(255,255,255,.8) 1px,transparent 1px);background-size:10px 100%;animation:shineEffect 2s linear infinite}@keyframes shineEffect{0%{background-position:0% 0%}to{background-position:100% 0%}}@media (max-width: 768px){.skills-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.skill-card{padding:10px}.skill-icon{width:40px;height:40px}}.skills-particles{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden;opacity:.8}.particle{position:absolute;width:3px;height:3px;background-color:#3ea4f0e6;border-radius:50%;animation:floatParticle var(--float-duration) ease-in-out infinite alternate;box-shadow:0 0 5px #3ea4f0cc}.particle.purple{background-color:#8a2be2e6;box-shadow:0 0 5px #8a2be2cc}.particle.white{background-color:#ffffffe6;box-shadow:0 0 5px #fffc}@keyframes floatParticle{0%{transform:translate(0) scale(1);opacity:.3}50%{opacity:1}to{transform:translate(var(--float-x),var(--float-y)) scale(1.5);opacity:.7}}.location-details{max-width:800px;margin:0 auto;text-align:center;margin-bottom:2rem;font-family:Lexend,sans-serif}.location-details h2{font-size:2rem;margin-bottom:1rem;font-family:Lexend,sans-serif}.location-details p{font-family:Lexend,sans-serif;font-weight:100;line-height:1.6}.heading{color:#fff;z-index:2;position:fixed;font-size:2rem;font-family:Lexend,sans-serif;font-weight:400;font-style:normal;left:50%;top:50%;transform:translate(-50%,50%);opacity:0;width:100%;max-width:600px;text-align:center}.skills-container.visible .skills-galaxy{animation:galaxyFadeIn .8s ease-out forwards}@keyframes galaxyFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.skills-container.visible .skill-card{animation:cardFadeIn .5s ease-out forwards}.skills-container.visible .skill-card:nth-child(1){animation-delay:.1s}.skills-container.visible .skill-card:nth-child(2){animation-delay:.2s}.skills-container.visible .skill-card:nth-child(3){animation-delay:.3s}.skills-container.visible .skill-card:nth-child(4){animation-delay:.4s}.skills-container.visible .skill-card:nth-child(5){animation-delay:.5s}.skills-container.visible .skill-card:nth-child(6){animation-delay:.6s}.skills-container.visible .skill-card:nth-child(7){animation-delay:.7s}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.universe-card{background:#00000080;border-radius:10px;padding:15px;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(62,164,240,.4);transition:all .3s ease;box-shadow:0 0 10px #3ea4f033;opacity:0;transform:translateY(20px)}.skills-container.visible .universe-card{animation:cardFadeIn .5s ease-out forwards}.skills-container.visible .universe-card:nth-child(1){animation-delay:.1s}.skills-container.visible .universe-card:nth-child(2){animation-delay:.2s}.skills-container.visible .universe-card:nth-child(3){animation-delay:.3s}.skills-container.visible .universe-card:nth-child(4){animation-delay:.4s}.skills-container.visible .universe-card:nth-child(5){animation-delay:.5s}.skills-container.visible .universe-card:nth-child(6){animation-delay:.6s}.skills-container.visible .universe-card:nth-child(7){animation-delay:.7s}.universe-card:hover{transform:translateY(-5px);box-shadow:0 5px 15px #3ea4f04d;border-color:#3ea4f0b3}.universe-card:hover:before{opacity:1}.universe-card .skill-icon{width:50px;height:50px;margin-bottom:10px;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 0 5px rgba(62,164,240,.7))}.universe-card .skill-icon img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;transition:transform .3s ease}.universe-card:hover .skill-icon img{transform:scale(1.1) rotate(5deg)}.universe-card h4{margin:0 0 5px;color:#fff;font-size:1.1rem;font-weight:500;text-shadow:0 0 8px rgba(62,164,240,.8)}.universe-card p{margin:0 0 10px;color:#ffffffe6;font-size:.85rem}.universe-card .skill-level-cosmic{width:100%;height:6px;background:#00000080;border-radius:3px;overflow:hidden;position:relative;border:1px solid rgba(62,164,240,.3)}.universe-card .cosmic-stars{height:100%;background:linear-gradient(90deg,#3ea4f0,#8a2be2);border-radius:3px;position:relative;box-shadow:0 0 10px #3ea4f080;animation:none;opacity:0;width:0;transition:opacity .3s ease}.skills-container.visible .universe-card .cosmic-stars{opacity:1;animation:progressFill 1.2s ease-out forwards;animation-delay:calc(.7s + var(--card-index, 0) * .1s)}@keyframes progressFill{0%{width:0}to{width:var(--width, 0)}}.universe-card .cosmic-stars:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 50%,rgba(255,255,255,.8) 1px,transparent 1px),radial-gradient(circle at 40% 50%,rgba(255,255,255,.8) 1px,transparent 1px),radial-gradient(circle at 60% 50%,rgba(255,255,255,.8) 1px,transparent 1px),radial-gradient(circle at 80% 50%,rgba(255,255,255,.8) 1px,transparent 1px);background-size:10px 100%;animation:shineEffect 2s linear infinite}
