*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}html,body{width:100%;height:100%;overflow-x:hidden;scroll-behavior:smooth}.App{width:100%;min-height:100vh;overflow-x:hidden;position:relative}:root{--scrollbar-width: 10px;--track-color: #1a1a1a;--thumb-bg: #4B0082;--thumb-hover-bg: #5e00b5;--thumb-border-radius: 50%;--thumb-border: 1px solid #000}html,body{overscroll-behavior:none;touch-action:manipulation;scrollbar-width:thin;scrollbar-color:var(--thumb-bg) var(--track-color)}@media (pointer: fine){::-webkit-scrollbar{width:var(--scrollbar-width);height:var(--scrollbar-width)}::-webkit-scrollbar-track{background:var(--track-color);box-shadow:inset 0 0 5px #0000004d}::-webkit-scrollbar-thumb{background:var(--thumb-bg);border-radius:var(--thumb-border-radius);border:var(--thumb-border);transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:var(--thumb-hover-bg)}}.loader-container{position:fixed;z-index:9999;top:0;left:0;width:100%;height:100vh;background:var(--nav-bg);display:flex;align-items:center;justify-content:center}.loader-text{position:absolute;color:var(--text-primary);font-size:1.2rem;bottom:10%;text-align:center;width:100%;animation:fadeInText 1.5s infinite alternate}@keyframes fadeInText{0%{opacity:.6}to{opacity:1}}@media (max-width: 768px){.loader-text{font-size:1rem;bottom:15%}}@media (max-width: 480px){.loader-text{font-size:.9rem;bottom:20%}}.magic-cursor-container{position:relative}.cursor-dot{pointer-events:none;position:fixed;width:6px;height:6px;border-radius:50%;transform:translate(-50%,-50%);z-index:9999;will-change:transform}.cursor-ring{pointer-events:none;position:fixed;width:15px;height:15px;border-radius:50%;transform:translate(-50%,-50%);z-index:9998;transition:transform .1s;will-change:transform}.cursor-content{position:relative;z-index:1}.navbar{display:flex;align-items:center;justify-content:space-between;position:fixed;top:0;width:100%;padding:.8rem 2rem;background:var(--nav-bg, #0d0d0d);color:var(--text-primary, #fff);z-index:1000;box-shadow:0 2px 5px #0003}.nav-logo a{text-decoration:none;font-family:Courier New,monospace;font-size:1.5rem;font-weight:700;transition:color .3s ease,transform .3s ease}.nav-logo a:hover{color:var(--link-color, #00ff99);transform:scale(1.05)}.burger-icon{display:none;flex-direction:column;justify-content:space-around;width:30px;height:24px;cursor:pointer;z-index:10}.burger-icon .line{width:100%;height:3px;background-color:var(--text-primary, #fff);transition:all .3s ease}.burger-icon .line.top.open{transform:translateY(9px) rotate(45deg)}.burger-icon .line.middle.open{opacity:0}.burger-icon .line.bottom.open{transform:translateY(-9px) rotate(-45deg)}.nav-links{display:flex;align-items:center;gap:1rem}.nav-links a{text-decoration:none;font-family:Courier New,monospace;font-size:1rem;color:var(--text-primary, #fff);position:relative;transition:color .3s ease}.nav-links a:after{content:"";position:absolute;width:0%;height:2px;bottom:-2px;left:0;background-color:var(--link-hover-color, #00ff99);transition:width .3s ease}.nav-links a:hover:after{width:100%}@media (max-width: 768px){.burger-icon{display:flex}.nav-links{position:fixed;top:0;right:0;height:100vh;width:250px;background:var(--nav-bg, #0d0d0d);flex-direction:column;align-items:flex-start;padding:4rem 2rem;transform:translate(100%);transition:transform .4s ease-in-out}.nav-links.open{transform:translate(0)}.nav-links a{margin:1rem 0;font-size:1.2rem}}:root{--bg-gradient-start: var(--theme-bg-gradient-start);--bg-gradient-end: var(--theme-bg-gradient-end);--text-primary: var(--theme-text-primary);--text-secondary: var(--theme-text-secondary);--nav-bg: var(--theme-nav-bg);--button-primary-bg: var(--theme-button-primary-bg);--button-primary-text: var(--theme-button-primary-text);--button-secondary-bg: var(--theme-button-secondary-bg);--button-secondary-text: var(--theme-button-secondary-text);--link-color: var(--theme-link-color);--link-hover-color: var(--theme-link-hover-color);--outline-color: var(--theme-outline-color)}.about-section{min-height:60vh;padding:4rem 2rem;text-align:center;position:relative;overflow:hidden;font-family:Fira Code,monospace;background:linear-gradient(135deg,var(--bg-gradient-start),var(--bg-gradient-end));color:var(--text-secondary)}.about-section h2{font-size:2.5rem;margin-bottom:1rem;text-transform:uppercase;letter-spacing:2px;text-shadow:2px 2px 8px rgba(138,43,226,.5);color:var(--text-primary)}.about-section p{max-width:700px;margin:.5rem auto 2rem;line-height:1.6;font-size:1.1rem}.background-shape{position:absolute;top:50%;left:50%;width:350px;height:350px;border-radius:20px;z-index:0;opacity:.2;transition:transform .3s ease;filter:blur(8px);background:linear-gradient(135deg,var(--bg-gradient-start),var(--bg-gradient-end))}.interactive-container{position:relative;z-index:1;padding:2rem;border-radius:10px;box-shadow:0 12px 24px #000000b3;transition:transform .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#1c002cd9}.hire-me-button{margin-top:1.5rem;padding:.75rem 1.5rem;font-size:1rem;font-family:Fira Code,monospace;text-transform:uppercase;letter-spacing:1px;border:none;border-radius:5px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;background:linear-gradient(135deg,var(--button-primary-bg),var(--bg-gradient-start));color:var(--button-primary-text)}.hire-me-button a{all:unset;font-family:inherit;font-size:inherit;text-decoration:none}.hire-me-button:hover{transform:scale(1.05);box-shadow:0 4px 12px #000000b3}.timeline-section{width:100%;min-height:150vh;position:relative;background:radial-gradient(ellipse at center,var(--nav-bg) 60%,var(--bg-gradient-end) 100%);padding:4rem 0;z-index:1;overflow-x:hidden}.timeline-section h2{font-size:clamp(1.75rem,5vw,2.5rem);margin:0 auto 3rem;text-align:center;color:var(--link-color);font-family:Courier New,monospace;font-weight:700;letter-spacing:.1em;text-shadow:0 0 15px rgba(106,13,173,.4);position:relative;padding-bottom:1rem;max-width:90%;margin-left:auto;margin-right:auto}.timeline-section h2:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60%;height:2px;background:linear-gradient(90deg,transparent,var(--link-color),transparent)}.timeline-canvas-container{width:100%;position:relative;background:transparent;overflow:hidden;touch-action:pan-y;max-width:100vw;margin:0 auto;display:flex;justify-content:center}.timeline-section:after{content:"";position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);width:40px;height:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%236A0DAD'%3E%3Cpath d='M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;opacity:.7;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-10px)}60%{transform:translate(-50%) translateY(-5px)}}@media (max-width: 768px){.timeline-section{min-height:200vh;padding:3rem .5rem 5rem}.timeline-section h2{margin-bottom:2rem;font-size:clamp(1.5rem,6vw,2rem);max-width:85%}.timeline-canvas-container{min-height:100vh;padding:0}.timeline-section:after{width:50px;height:50px;bottom:2rem}}@media (max-width: 480px){.timeline-section{min-height:250vh;padding:2rem .25rem 6rem}.timeline-section h2{font-size:clamp(1.3rem,7vw,1.75rem);max-width:80%}.timeline-canvas-container{min-height:120vh}}.projects-section{position:relative;width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center}.background-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.projects-content{position:relative;z-index:2;width:100%;padding:2rem}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:1.5rem}.project-card{background:var(--nav-bg);padding:1.5rem;border-radius:8px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:transform .3s ease,box-shadow .3s ease;cursor:pointer;position:relative;overflow:hidden;color:var(--text-primary);border:1px solid var(--outline-color)}.project-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:#ffffff0d;transform:rotate(45deg);transition:transform .5s ease}.project-card:hover:before{transform:rotate(0)}.project-card:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 10px 20px #0000004d}@media (hover: none) and (pointer: coarse){.project-card{padding:2rem}.project-card:hover,.project-card:hover:before{transform:none;box-shadow:none}.project-card:active{transform:scale(.98);box-shadow:0 5px 10px #0003}}.canvas-container{display:flex;justify-content:center;align-items:center;width:100%;height:auto;min-height:500px;position:relative;overflow:visible;-ms-overflow-style:none;scrollbar-width:none;will-change:transform;-webkit-font-smoothing:antialiased}.canvas-container::-webkit-scrollbar{display:none}.complex-canvas{width:100%;height:100%;display:block;touch-action:pan-x;will-change:transform;backface-visibility:hidden}@media (max-width: 600px){.canvas-container{height:auto;min-height:500px;padding:20px 10px;box-sizing:border-box;overflow:visible;-webkit-overflow-scrolling:auto}.complex-canvas{height:auto;min-height:800px;overflow:visible;touch-action:pan-x;pointer-events:none}.complex-canvas:active{pointer-events:auto}}@media (min-width: 601px) and (max-height: 800px){.canvas-container{height:auto;min-height:600px;overflow:visible}}