*{margin:0;padding:0;box-sizing:border-box}body{overflow:hidden;background:#000;color:#fff;font-family:Inter,sans-serif}#scene-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1}canvas{width:100%;height:100%}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.vanilla:hover{filter:drop-shadow(0 0 2em #f7df1eaa)}.card{padding:2em}.read-the-docs{color:#888}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.portfolio-container{font-family:Inter,sans-serif;background:#000000b3!important;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d;max-height:80vh!important;overflow:hidden!important}.portfolio-container:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#646cff1a,#0003);pointer-events:none;z-index:-1}.portfolio-container h2{font-size:2.5em;margin-bottom:.5em;color:#646cff}.portfolio-container h3{font-size:1.8em;margin:1em 0 .5em;color:#fff}.portfolio-container h4{font-size:1.4em;margin:1em 0 .5em;color:#646cff}.portfolio-container h5{font-size:1.2em;margin:.8em 0 .3em;color:#fff}.portfolio-container p{margin:.5em 0;line-height:1.6;color:#ffffffe6}.profile-section .location{font-size:1.2em;color:#ffffffb3}.contact-info{margin:1.5em 0;display:flex;flex-wrap:wrap;gap:1em}.contact-info p{display:flex;align-items:center;gap:.5em}.contact-info a{color:#646cff;text-decoration:none}.contact-info a:hover{text-decoration:underline}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2em;padding:1em 0}.skill-category{background:#ffffff0d;padding:1.5em;border-radius:8px}.skill-items{display:flex;flex-wrap:wrap;gap:.5em;margin-top:1em}.skill-item{background:#646cff1a;padding:.5em 1em;border-radius:20px;font-size:.9em}.experience-timeline{display:flex;flex-direction:column;gap:2.5em;padding:1em 0}.experience-item{background:#ffffff08;padding:2em;border-radius:12px;position:relative;border:1px solid rgba(255,255,255,.05);transition:all .3s ease}.experience-item:hover{background:#ffffff0d;transform:translateY(-2px);border-color:#646cff33}.experience-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(to bottom,#646cff,transparent);border-radius:4px 0 0 4px}.experience-item h3{font-size:1.5em;color:#646cff;margin-bottom:.5em;display:flex;align-items:center;gap:.5em}.experience-item h3:before{content:"🏢";font-size:1.2em}.position{font-size:1.2em;color:#ffffffe6;margin-bottom:.3em;display:flex;align-items:center;gap:.5em}.position:before{content:""}.period{color:#fff9;font-size:.9em;margin-bottom:1em;display:flex;align-items:center;gap:.5em}.period:before{content:""}.tech-tag{background:#646cff1a;padding:.4em 1em;border-radius:20px;font-size:.85em;border:1px solid rgba(100,108,255,.2);transition:all .3s ease;display:flex;align-items:center;gap:.3em}.tech-tag:hover{background:#646cff33;transform:translateY(-1px)}.achievements{list-style-type:none;padding-left:1.5em;margin-top:1.5em}.achievements li{margin:1em 0;position:relative;padding-left:2em;line-height:1.6;color:#fffc}.achievements li:before{content:"✨";position:absolute;left:0;top:0;font-size:1.2em;color:#646cff}.achievements li:hover{color:#fff;transform:translate(5px);transition:all .3s ease}.education-timeline{display:flex;flex-direction:column;gap:2em}.education-item{background:#ffffff0d;padding:1.5em;border-radius:8px}.institution{font-size:1.2em;color:#fffc}.projects{margin-top:1.5em}.project{background:#ffffff08;padding:1em;border-radius:6px;margin:1em 0}.project-tech{display:flex;flex-wrap:wrap;gap:.5em;margin-top:.5em}.portfolio-nav{margin-bottom:2em;padding:0 1em;border-bottom:1px solid rgba(255,255,255,.1)}.portfolio-tab{position:relative;padding:12px 20px;border:none;background:transparent;color:#ffffffb3;cursor:pointer;border-radius:8px;transition:all .3s ease;font-size:1.1em;overflow:hidden}.portfolio-tab:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:#646cff;transform:scaleX(0);transition:transform .3s ease}.portfolio-tab:hover{color:#fff;background:#ffffff0d}.portfolio-tab:hover:before{transform:scaleX(1)}.tab-icon{font-size:1.2em;transition:transform .3s ease}.portfolio-tab:hover .tab-icon{transform:scale(1.1)}.tab-label{font-weight:500}.portfolio-toggle{position:fixed!important;right:20px!important;top:20px!important;width:50px!important;height:50px!important;border-radius:50%!important;background:#0000004d!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;border:1px solid rgba(255,255,255,.2)!important;color:#fff!important;cursor:pointer!important;z-index:1001!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:24px!important;transition:all .3s ease!important;box-shadow:0 4px 20px #0003!important;transform:scale(1)!important;padding:0!important;margin:0!important;line-height:1!important;overflow:hidden!important}.toggle-icon{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;transition:transform .3s ease!important;font-size:1.2em!important;line-height:1!important;padding:0!important;margin:0!important}.portfolio-toggle:hover{transform:scale(1.1) rotate(5deg)!important;background:#646cff4d!important;border-color:#646cff80!important}.portfolio-toggle:hover .toggle-icon{transform:scale(1.2)!important}.portfolio-close{background:#ffffff1a!important;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.1)}.portfolio-close:hover{background:#fff3!important;transform:rotate(90deg);color:#646cff}.close-icon{transition:transform .3s ease}.portfolio-close:hover .close-icon{transform:scale(1.2)}.portfolio-content{height:calc(100% - 70px)!important;overflow-y:auto!important;padding:0 20px 20px!important}.profile-section,.skills-grid,.experience-timeline,.education-timeline{background:#ffffff08;border-radius:12px;padding:2em;margin:1em 0;border:1px solid rgba(255,255,255,.05);max-width:100%!important}.experience-timeline{display:flex;flex-direction:column;gap:2em;padding-bottom:2em!important}.experience-item{background:#ffffff08;border:1px solid rgba(255,255,255,.05);transition:all .3s ease;max-width:100%!important;overflow:hidden!important}.technologies{display:flex;flex-wrap:wrap;gap:.5em;margin:1.5em 0;padding:1em;background:#0003;border-radius:8px;max-width:100%!important;overflow:hidden!important}.skill-category,.experience-item,.education-item{background:#ffffff08;border:1px solid rgba(255,255,255,.05);transition:all .3s ease}.skill-category:hover,.experience-item:hover,.education-item:hover{background:#ffffff0d;transform:translateY(-2px)}.skill-item,.tech-tag{background:#646cff1a;border:1px solid rgba(100,108,255,.2);transition:all .3s ease}.skill-item:hover,.tech-tag:hover{background:#646cff33;transform:translateY(-1px)}.portfolio-content::-webkit-scrollbar{width:8px}.portfolio-content::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.portfolio-content::-webkit-scrollbar-thumb{background:#646cff4d;border-radius:4px}.portfolio-content::-webkit-scrollbar-thumb:hover{background:#646cff80}@media (max-width: 768px){.portfolio-container{width:100vw!important;height:100vh!important;height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;top:0!important;left:0!important;transform:none!important;border-radius:0!important;padding:calc(10px + env(safe-area-inset-top)) 10px calc(10px + env(safe-area-inset-bottom)) 10px!important;overflow:hidden!important}.portfolio-content{height:calc(100% - 100px)!important;padding:0 10px calc(20px + env(safe-area-inset-bottom)) 10px!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}.portfolio-close{display:none!important}.portfolio-nav{margin-top:40px!important;position:relative;z-index:1!important;flex-wrap:wrap;gap:4px!important;padding:8px 0!important;margin-bottom:10px!important}.portfolio-tab{padding:8px 12px!important;font-size:.85em!important;flex:1;min-width:0;justify-content:center}.tab-icon{width:16px!important;height:16px!important}.profile-section,.skills-grid,.experience-timeline,.education-timeline{padding:1em!important;margin:.5em 0!important;border-radius:12px!important}.profile-section h2{font-size:1.8em!important;line-height:1.2}.profile-section h3{font-size:1.2em!important;line-height:1.3}.contact-info{gap:8px!important}.contact-info p{font-size:.85em!important;word-break:break-word}.experience-item,.education-item{padding:1em!important;margin-bottom:1em!important}.experience-item h3,.education-item h3{font-size:1.2em!important;line-height:1.3;word-wrap:break-word}.position{font-size:1em!important;flex-wrap:wrap}.period{font-size:.85em!important}.technologies{padding:.8em!important;gap:.4em!important}.tech-tag{padding:.3em .6em!important;font-size:.75em!important;margin:.2em!important}.achievements{padding-left:1.2em!important}.achievements li{font-size:.85em!important;line-height:1.5!important;margin-bottom:.6em!important;word-wrap:break-word}.skill-category h3{font-size:1.1em!important}.skill-item{padding:.4em .8em!important;font-size:.8em!important}.project h5{font-size:1em!important}.project p{font-size:.85em!important;line-height:1.5!important}.project-tech{gap:.4em!important}}.name-header{top:10px!important;font-size:1.5em!important}.name-header h2{font-size:.8em!important}.portfolio-toggle{width:44px!important;height:44px!important;font-size:20px!important;right:15px!important;top:calc(15px + env(safe-area-inset-top))!important;z-index:1002!important}} @media (max-width: 480px){.portfolio-container{width:100vw!important;height:80vh!important;border-radius:0!important;top:auto!important;bottom:0!important;transform:translate(-50%)!important}.portfolio-content{height:calc(100% - 70px)!important;padding-bottom:80px!important}.portfolio-nav{padding:.3em!important}.portfolio-tab{font-size:.8em!important;padding:6px 10px!important}}