*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;color:#1a1a1a;overflow:hidden}#root{width:100%;min-height:100vh;background-color:transparent;background:transparent;position:relative;z-index:0}.app{min-height:100vh;background-color:transparent;background:none;color:#1a1a1a;display:flex;align-items:center;justify-content:center;padding:0;position:relative;overflow-x:hidden}.background-video{position:fixed;top:0;left:0;width:100vw;height:100vh;min-width:100%;min-height:100%;object-fit:cover;z-index:-1;background-color:#000;opacity:1!important;visibility:visible!important;pointer-events:none}.background-video::-webkit-media-controls{display:none!important}.background-video::-webkit-media-controls-enclosure{display:none!important}.background-video::-webkit-media-controls-panel{display:none!important}.background-video::-webkit-media-controls-play-button{display:none!important}.background-video::-webkit-media-controls-start-playback-button{display:none!important}.app-overlay{display:none}.main-header{position:fixed;top:0;right:0;padding:2rem 3rem;z-index:10;animation:fadeIn 1s ease-in}.center-title{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;pointer-events:none;display:flex;align-items:center;justify-content:center;animation:fadeInOnly .8s ease-in}.nanna-logo{height:350px;width:auto;max-width:90vw;display:block}.about-button{font-family:Inter,sans-serif;font-size:1rem;font-weight:400;letter-spacing:.1em;text-transform:uppercase;color:#ffffffe6;background:transparent;border:none;cursor:pointer;padding:0;transition:opacity .3s ease;text-shadow:0 0 20px rgba(0,0,0,.5);mix-blend-mode:screen;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.about-button:hover{opacity:.6}.about-panel{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:5;padding:8rem 3rem 3rem;animation:fadeIn .4s ease-in}.about-content{max-width:800px;width:100%;max-height:80vh;overflow-y:auto;background-color:#1e283299;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);padding:3rem;box-shadow:0 8px 32px #0000004d;border:1px solid rgba(255,255,255,.1)}.about-text{font-family:Inter,sans-serif;font-size:.95rem;line-height:1.8;color:#ffffffd9;margin:0;text-align:left;text-shadow:0 2px 10px rgba(0,0,0,.3)}.about-text .text-link{color:#60a5fa;text-decoration:none;transition:opacity .2s ease}.about-text .text-link:hover{opacity:.7}.about-text strong{font-weight:600;color:#fff}.about-partners{display:flex;gap:1rem;margin-top:1rem;align-items:center}.partner-link-about{display:inline-flex;align-items:center;justify-content:center;transition:transform .2s ease,opacity .2s ease}.partner-link-about:hover{transform:scale(1.1);opacity:.8}.partner-logo-about{height:32px;width:32px;border-radius:999px;object-fit:cover;box-shadow:0 0 0 1px #fff3}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInOnly{0%{opacity:0}to{opacity:1}}.about-content::-webkit-scrollbar{width:8px}.about-content::-webkit-scrollbar-track{background:#ffffff1a}.about-content::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.about-content::-webkit-scrollbar-thumb:hover{background:#ffffff80}@media(max-width:768px){.main-header{padding:1.5rem 2rem}.about-button{font-size:.9rem}.studio-name{font-size:1.5rem}.about-panel{padding:6rem 1.5rem 1.5rem}.about-content{padding:2rem;max-height:75vh}.about-text{font-size:.85rem;line-height:1.6}}@media(max-width:480px){.main-header{padding:1rem 1.5rem}.about-button{font-size:.8rem}.studio-name{font-size:1rem;white-space:normal;max-width:90vw}.about-panel{padding:5rem 1rem 1rem}.about-content{padding:1.5rem}.about-text{font-size:.75rem}.partner-logo-about{height:28px;width:28px}}