.performance-indicator{position:fixed;top:20px;right:20px;padding:8px 16px;background:#ff640033;border:1px solid rgba(255,100,0,.5);border-radius:4px;font-size:12px;font-family:var(--font-mono);color:#ff6400;z-index:1001}.debug-info{position:fixed;bottom:20px;left:20px;padding:10px;background:#000c;border-radius:4px;font-family:var(--font-mono);font-size:12px;color:#888;z-index:1001}@media (max-width: 768px){.text-section{position:relative!important;transform:none!important;max-width:100%!important;text-align:left!important;margin:20px 0}.project-card{padding:20px}}*{margin:0;padding:0;box-sizing:border-box}:root{--color-primary: #FF006E;--color-secondary: #8338EC;--color-tertiary: #3A86FF;--color-dark: #0A0A0A;--color-light: #FAFAFA;--color-gray: #888888;--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "Space Mono", monospace}html,body,#root{width:100%;height:100%;margin:0;padding:0;overflow:hidden}body{background:var(--color-dark);color:var(--color-light);font-family:var(--font-primary);cursor:none}.cursor{position:fixed;width:20px;height:20px;background:var(--color-primary);border-radius:50%;pointer-events:none;z-index:9999;mix-blend-mode:difference;transition:transform .2s ease}.cursor.hover{transform:scale(2.5);background:var(--color-secondary)}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--color-dark);display:flex;align-items:center;justify-content:center;z-index:9998}.loading-content{text-align:center}.loading-spinner{width:60px;height:60px;border:3px solid transparent;border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-size:14px;font-family:var(--font-mono);color:var(--color-gray);letter-spacing:.1em}.navigation{position:fixed;top:0;left:0;width:100%;padding:30px 50px;z-index:1000;mix-blend-mode:difference}.nav-container{display:flex;justify-content:space-between;align-items:center}.logo{font-size:24px;font-weight:700;letter-spacing:-.02em}.nav-menu{display:flex;gap:40px;list-style:none}.nav-link{color:var(--color-light);text-decoration:none;font-size:14px;font-weight:500;letter-spacing:.02em;transition:opacity .3s ease;cursor:none}.nav-link:hover{opacity:.7}.ui-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:100}.ui-overlay>*{pointer-events:auto}.section-indicator{position:fixed;right:50px;top:50%;transform:translateY(-50%);z-index:100}.indicator-dot{width:10px;height:10px;background:var(--color-gray);border-radius:50%;margin:20px 0;transition:all .3s ease;cursor:none}.indicator-dot.active{background:var(--color-primary);transform:scale(1.5)}.text-section{position:absolute;max-width:600px;padding:50px;pointer-events:none}.text-section h1{font-size:clamp(48px,8vw,120px);font-weight:700;line-height:.9;margin-bottom:30px;letter-spacing:-.04em}.text-section h2{font-size:clamp(32px,5vw,64px);font-weight:600;line-height:1.1;margin-bottom:20px;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-section p{font-size:18px;line-height:1.6;color:var(--color-gray);margin-bottom:30px}.cta-button{display:inline-block;padding:15px 40px;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:var(--color-light);text-decoration:none;font-weight:600;border-radius:30px;transition:all .3s ease;pointer-events:auto;cursor:none}.cta-button:hover{transform:translateY(-2px);box-shadow:0 10px 30px #ff006e66}.project-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:30px;margin-bottom:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;cursor:none}.project-card:hover{background:#ffffff14;transform:translateY(-5px)}.project-title{font-size:24px;font-weight:600;margin-bottom:10px}.project-tech{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.tech-tag{padding:5px 15px;background:#ffffff1a;border-radius:20px;font-size:12px;font-family:var(--font-mono)}.mobile-menu-toggle{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:none;z-index:1001}.mobile-menu-toggle .menu-bar{width:25px;height:2px;background:var(--color-light);transition:all .3s ease}.mobile-menu-toggle.open .menu-bar:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.mobile-menu-toggle.open .menu-bar:nth-child(2){opacity:0}.mobile-menu-toggle.open .menu-bar:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.mobile-menu{position:fixed;top:0;right:0;width:100%;height:100%;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:999;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-top:60px}.mobile-nav-menu{list-style:none;padding:0;text-align:center}.mobile-nav-menu li{margin:30px 0}.mobile-nav-link{color:var(--color-light);text-decoration:none;font-size:24px;font-weight:500;transition:color .3s ease}.mobile-nav-link:hover{color:var(--color-primary)}@media (max-width: 768px){body{cursor:auto;overflow-y:hidden}.cursor{display:none}.navigation{padding:20px 30px}.nav-menu{display:none}.mobile-menu-toggle{display:flex}.section-indicator{right:20px;top:auto;bottom:20px;transform:none;display:flex;gap:10px;width:100%;justify-content:center;background:#00000080;padding:10px 0;border-radius:10px}.indicator-dot{margin:0}.text-section{position:relative!important;transform:none!important;max-width:90%!important;text-align:center!important;margin:50px auto;padding:20px}.text-section h1{font-size:clamp(36px,10vw,72px);margin-bottom:20px}.text-section h2{font-size:clamp(28px,8vw,48px);margin-bottom:15px}.text-section p{font-size:16px;margin-bottom:20px}.project-card{padding:20px}.cta-button{width:100%;text-align:center;margin-bottom:15px}.text-section div[style*="display: flex"]{flex-direction:column}.text-section[style*="bottom: 10%"]{bottom:auto!important;left:auto!important}.text-section[style*="top: 20%"]{top:auto!important;right:auto!important}.text-section[style*="top: 50%"]{top:auto!important}.text-section[style*="top: 15%"]{top:auto!important;right:auto!important}.text-section[style*="bottom: 20%"]{bottom:auto!important;left:auto!important}}