@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Bebas+Neue&display=swap");:root{--bg-primary:#0a0a0a;--bg-secondary:#1a1a1a;--bg-tertiary:#2a2a2a;--text-primary:#fff;--text-secondary:#ccc;--text-tertiary:#999;--text-muted:#666;--accent-primary:#4a7c59;--accent-secondary:#5a8c69;--accent-hover:#3a6c49;--border-primary:#333;--border-secondary:#444;--border-accent:#4a7c59;--overlay-light:hsla(0,0%,100%,.05);--overlay-medium:hsla(0,0%,100%,.1);--overlay-dark:rgba(0,0,0,.5);--glass-bg:rgba(26,26,26,.8);--glass-border:hsla(0,0%,100%,.1);--glass-navbar:hsla(0,0%,4%,.95);--shadow-small:0 4px 12px rgba(0,0,0,.3);--shadow-medium:0 8px 25px rgba(0,0,0,.3);--shadow-large:0 15px 35px rgba(0,0,0,.4);--glow-primary:0 0 20px rgba(74,124,89,.1);--glow-accent:0 0 30px rgba(74,124,89,.2);--hover-bg:hsla(0,0%,100%,.05);--active-bg:hsla(0,0%,100%,.1);--focus-ring:rgba(74,124,89,.3);--gradient-primary:linear-gradient(135deg,#0a0a0a,#1a1a1a);--gradient-overlay:linear-gradient(45deg,hsla(0,0%,4%,.8),rgba(26,26,26,.6) 50%,hsla(0,0%,4%,.8));--gradient-footer:linear-gradient(180deg,hsla(0,0%,4%,.95),#0a0a0a);--gradient-text:linear-gradient(135deg,#fff,#ccc 50%,#fff);--transition-smooth:all 0.3s cubic-bezier(0.4,0,0.2,1);--transition-theme:background-color 0.3s ease,color 0.3s ease,border-color 0.3s ease,box-shadow 0.3s ease}[data-theme=light]{--bg-primary:#f5f5f5;--bg-secondary:#f8f9fa;--bg-tertiary:#e9ecef;--text-primary:#2d2d2d;--text-secondary:#495057;--text-tertiary:#6c757d;--text-muted:#adb5bd;--accent-primary:#4a7c59;--accent-secondary:#5a8c69;--accent-hover:#3a6c49;--border-primary:#dee2e6;--border-secondary:#e9ecef;--border-accent:#4a7c59;--overlay-light:rgba(0,0,0,.05);--overlay-medium:rgba(0,0,0,.1);--overlay-dark:rgba(0,0,0,.5);--glass-bg:hsla(0,0%,100%,.8);--glass-border:rgba(0,0,0,.1);--glass-navbar:hsla(0,0%,100%,.95);--shadow-small:0 4px 12px rgba(0,0,0,.1);--shadow-medium:0 8px 25px rgba(0,0,0,.1);--shadow-large:0 15px 35px rgba(0,0,0,.15);--glow-primary:0 0 20px rgba(74,124,89,.2);--glow-accent:0 0 30px rgba(74,124,89,.3);--hover-bg:rgba(0,0,0,.05);--active-bg:rgba(0,0,0,.1);--focus-ring:rgba(74,124,89,.3);--gradient-primary:linear-gradient(135deg,#fff,#f8f9fa);--gradient-overlay:linear-gradient(45deg,hsla(0,0%,100%,.9),rgba(248,249,250,.7) 50%,hsla(0,0%,100%,.9));--gradient-footer:linear-gradient(180deg,hsla(0,0%,100%,.95),#fff);--gradient-text:linear-gradient(135deg,#1a1a1a,#495057 50%,#1a1a1a)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden;min-height:100vh;display:flex;flex-direction:column;transition:var(--transition-theme)}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:1rem 2rem;background:var(--glass-navbar);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-primary);transition:var(--transition-smooth)}.navbar-container{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto}.logo{height:40px;width:auto;transition:var(--transition-smooth);outline:none;border-radius:4px;padding:4px;filter:none}[data-theme=light] .logo{filter:brightness(0) saturate(100%) invert(13%) sepia(9%) saturate(1029%) hue-rotate(314deg) brightness(99%) contrast(86%)}.logo:focus,.logo:hover{filter:drop-shadow(0 0 8px rgba(74,124,89,.4))}[data-theme=light] .logo:focus,[data-theme=light] .logo:hover{filter:brightness(0) saturate(100%) invert(13%) sepia(9%) saturate(1029%) hue-rotate(314deg) brightness(99%) contrast(86%) drop-shadow(0 0 8px rgba(74,124,89,.4))}.logo:active{transform:translateY(0)}.hero-logo{height:clamp(80px,12vw,160px);width:auto;transition:var(--transition-smooth)}.hero-logo-animated{animation:logoBreathingMain 4s ease-in-out infinite alternate;filter:drop-shadow(0 0 5px rgba(255,255,255,.08));transform-origin:center}[data-theme=light] .hero-logo-animated{filter:drop-shadow(0 0 5px rgba(0,0,0,.08));animation:logoBreathingLight 4s ease-in-out infinite alternate}.hero-logo-animated .logo-group{animation:logoFilterBreathing 4s ease-in-out infinite alternate}@keyframes logoBreathingMain{0%{transform:scale(1);filter:drop-shadow(0 0 5px rgba(255,255,255,.08))}to{transform:scale(1);filter:drop-shadow(0 0 15px rgba(255,255,255,.25)) drop-shadow(0 0 25px rgba(74,124,89,.08))}}@keyframes logoBreathingLight{0%{transform:scale(1);filter:drop-shadow(0 0 5px rgba(0,0,0,.08))}to{transform:scale(1);filter:drop-shadow(0 0 15px rgba(0,0,0,.25)) drop-shadow(0 0 25px rgba(74,124,89,.08))}}@keyframes logoFilterBreathing{0%{filter:url(#mainGlow)}to{filter:url(#breathingGlow)}}.char-1{animation:charBreath 4s ease-in-out infinite alternate;animation-delay:0s}.char-2{animation:charBreath 4s ease-in-out infinite alternate;animation-delay:.3s}.char-3{animation:charBreath 4s ease-in-out infinite alternate;animation-delay:.6s}.char-4{animation:charBreath 4s ease-in-out infinite alternate;animation-delay:.9s}.char-5{animation:charBreath 4s ease-in-out infinite alternate;animation-delay:1.2s}@keyframes charBreath{0%{opacity:.85}to{opacity:1}}.accent-dot-1{animation:dotPulse 3s ease-in-out infinite;animation-delay:0s}.accent-dot-2{animation:dotPulse 3s ease-in-out infinite;animation-delay:1s}.accent-dot-3{animation:dotPulse 3s ease-in-out infinite;animation-delay:2s}.accent-dot-4{animation:dotPulse 3s ease-in-out infinite;animation-delay:1.5s}@keyframes dotPulse{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.8;transform:scale(1.4)}}.yugen-logo-svg:hover{animation-duration:2s}.yugen-logo-svg:hover .logo-group{filter:url(#breathingGlow)}.nav-links{display:flex;list-style:none;gap:2rem}@media (max-width:768px){.nav-links{display:none}.nav-links.mobile-open{display:flex;opacity:1;visibility:visible;transform:translateY(0)}}.nav-controls{display:flex;align-items:center;gap:1rem}.mobile-menu-toggle{display:none}.nav-links a{color:var(--text-secondary);text-decoration:none;font-weight:500;font-size:.95rem;text-transform:uppercase;letter-spacing:1px;position:relative;outline:none;padding:8px 12px;border-radius:4px}.nav-links a,.nav-links a:after{transition:var(--transition-smooth)}.nav-links a:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--accent-primary);transform:translateX(-50%)}.nav-links a:focus,.nav-links a:hover{color:var(--text-primary);background:var(--hover-bg);transform:translateY(-1px)}.nav-links a:focus:after,.nav-links a:hover:after{width:60%}.nav-links a:active{transform:translateY(0);background:var(--active-bg)}.landing-container{height:100vh;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.background-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-2;opacity:.3}[data-theme=light] .background-video{opacity:.6}.background-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--gradient-overlay);z-index:-1}.landing-content{text-align:center;max-width:800px;padding:0 2rem;z-index:1}.landing-title{font-family:Bebas Neue,cursive;font-size:clamp(2.5rem,8vw,6rem);font-weight:400;letter-spacing:3px;margin-bottom:2rem;text-transform:uppercase;background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:glow 4s ease-in-out infinite alternate}@keyframes glow{0%{text-shadow:0 0 20px hsla(0,0%,100%,.2)}to{text-shadow:0 0 30px hsla(0,0%,100%,.4),0 0 40px rgba(74,124,89,.1)}}[data-theme=light] @keyframes glow{0%{text-shadow:0 0 20px rgba(0,0,0,.1)}to{text-shadow:0 0 30px rgba(0,0,0,.2),0 0 40px rgba(74,124,89,.1)}}.landing-subtitle{font-size:clamp(1rem,3vw,1.5rem);color:var(--text-secondary);margin-bottom:3rem;font-weight:300;letter-spacing:1px;line-height:1.8}.hero-buttons{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap;margin-top:2rem}.hero-btn{display:flex;flex-direction:column;align-items:center;text-decoration:none;background:var(--glass-bg);border:1px solid var(--border-primary);border-radius:8px;padding:1.5rem 2rem;min-width:160px;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);outline:none}.hero-btn,.hero-btn:before{transition:var(--transition-smooth)}.hero-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(74,124,89,.1),transparent)}.hero-btn:focus:before,.hero-btn:hover:before{left:100%}.hero-btn:focus,.hero-btn:hover{background:var(--glass-bg);border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:var(--shadow-medium)}.hero-btn:active{transform:translateY(0)}.btn-text{font-family:Bebas Neue,cursive;font-size:1.2rem;font-weight:400;color:var(--text-primary);text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem}.btn-subtext,.btn-text{transition:var(--transition-smooth)}.btn-subtext{font-size:.85rem;color:var(--text-tertiary);font-weight:300;letter-spacing:.5px}.hero-btn:focus .btn-text,.hero-btn:hover .btn-text{color:var(--accent-primary)}.hero-btn:focus .btn-subtext,.hero-btn:hover .btn-subtext{color:var(--text-secondary)}.about-container{min-height:100vh;padding-top:100px;position:relative;overflow:hidden}.about-background{background:var(--bg-primary);z-index:-2}.about-background,.about-overlay{position:absolute;top:0;left:0;width:100%;height:100%}.about-overlay{background:var(--gradient-overlay);z-index:-1}.about-content{max-width:1000px;margin:0 auto;padding:4rem 2rem;z-index:1;position:relative}.about-title{font-family:Bebas Neue,cursive;font-size:clamp(3rem,6vw,5rem);text-align:center;margin-bottom:3rem;text-transform:uppercase;letter-spacing:2px;color:var(--text-primary)}.about-text{font-size:1.2rem;line-height:2;color:var(--text-secondary);text-align:center;max-width:800px;margin:0 auto;font-weight:300}.about-text strong{color:var(--text-primary);font-weight:500}.site-footer{background:var(--gradient-footer);border-top:1px solid var(--border-primary);padding:1.5rem 0 1rem;margin-top:auto;position:relative;z-index:10}.footer-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.social-links{gap:2rem}.social-link,.social-links{display:flex;align-items:center;justify-content:center}.social-link{width:50px;height:50px;border-radius:50%;background:var(--overlay-light);border:1px solid var(--glass-border);color:var(--text-secondary);text-decoration:none;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.social-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(74,124,89,.1),transparent);transition:left .5s ease}.social-link:hover:before{left:100%}.social-link:hover{color:var(--accent-primary);border-color:rgba(74,124,89,.3);background:rgba(74,124,89,.05);transform:translateY(-2px);box-shadow:var(--glow-primary)}.social-link:focus{color:var(--accent-primary);border-color:rgba(74,124,89,.5);box-shadow:0 0 0 2px var(--focus-ring)}.social-icon{width:20px;height:20px;transition:transform .3s ease;position:relative;z-index:2}.social-link:hover .social-icon{transform:scale(1.1)}.footer-copyright{text-align:center}.footer-copyright p{margin:0;color:var(--text-tertiary);font-size:.9rem;font-weight:300;letter-spacing:.5px}.loading{opacity:0;animation:fadeIn 1s ease-in-out forwards}@keyframes fadeIn{to{opacity:1}}*{transition:var(--transition-theme)}.accent-dot-1,.accent-dot-2,.accent-dot-3,.accent-dot-4,.char-1,.char-2,.char-3,.char-4,.char-5,.hero-logo-animated,.hero-logo-animated *{transition:none!important}@media (max-width:768px){.navbar{padding:1rem}.navbar-container{position:relative}.floating-theme-toggle{display:none!important;visibility:hidden!important}.nav-links .mobile-theme-toggle{display:block!important;visibility:visible!important}.nav-links{position:absolute;top:100%;right:0;flex-direction:column;background:var(--glass-navbar);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid var(--border-primary);border-radius:8px;padding:1rem;gap:.5rem;opacity:0;visibility:hidden;transform:translateY(-10px);box-shadow:var(--shadow-large);z-index:1002}.mobile-menu-toggle,.nav-links{transition:var(--transition-smooth)}.mobile-menu-toggle{display:block!important;background:none;border:none;color:var(--text-primary);font-size:1.5rem;cursor:pointer;padding:8px;outline:none;border-radius:4px}.mobile-menu-toggle:focus,.mobile-menu-toggle:hover{background:var(--hover-bg);color:var(--accent-primary)}.mobile-menu-toggle:active{background:var(--active-bg)}.landing-content{padding:0 1rem}.hero-buttons{gap:1rem;margin-top:1.5rem}.hero-btn{min-width:140px;padding:1.2rem 1.5rem}.btn-text{font-size:1.1rem}.btn-subtext{font-size:.8rem}.about-content{padding:2rem 1rem}.about-text{font-size:1.1rem;line-height:1.8}.site-footer{padding:1rem 0 .75rem}.footer-container{padding:0 1rem;gap:.75rem}.social-links{gap:1.5rem}.social-link{width:45px;height:45px}.social-icon{width:18px;height:18px}.footer-copyright p{font-size:.8rem}}@media (max-width:480px){.navbar{padding:.75rem}.logo{height:35px}.nav-links a{font-size:.85rem}.hero-buttons{flex-direction:column;align-items:center;gap:1rem}.hero-btn{min-width:200px;padding:1rem 1.5rem}.about-text{font-size:1rem}.social-links{gap:1rem}.social-link{width:40px;height:40px}.social-icon{width:16px;height:16px}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.theme-toggle{background:var(--glass-bg);border:1px solid var(--border-primary);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-smooth);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-secondary);outline:none}.theme-toggle:hover{background:var(--hover-bg);border-color:var(--accent-primary);color:var(--accent-primary);transform:translateY(-1px);box-shadow:var(--shadow-small)}.theme-toggle:focus{outline:none}.theme-toggle:active{transform:translateY(0)}.theme-toggle:disabled{opacity:.5;cursor:not-allowed}.theme-icon{width:18px;height:18px;fill:currentColor;transition:var(--transition-smooth)}.theme-toggle:hover .theme-icon{transform:scale(1.1)}.floating-theme-toggle{position:fixed;top:20px;right:20px;z-index:1001;display:block}.floating-theme-toggle .theme-toggle{box-shadow:var(--shadow-medium);border:1px solid var(--border-primary)}.floating-theme-toggle .theme-toggle:hover{box-shadow:var(--shadow-large)}.nav-links .mobile-theme-toggle{display:none;padding:.5rem 0 .25rem;border-top:1px solid var(--border-primary);margin-top:.5rem;text-align:center}.nav-links .mobile-theme-toggle .theme-toggle{margin:0 auto}@media (max-width:768px){.nav-controls{gap:.5rem}.navbar-container .theme-toggle{margin-left:0;margin-right:0}}a:focus,button:focus{outline:none}