*{box-sizing:border-box;margin:0;padding:0}body{background:#0a0e27;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}.app{height:100vh;position:relative;width:100vw}.particles-bg{z-index:0}.page,.particles-bg{height:100%;left:0;position:absolute;top:0;width:100%}.page{align-items:center;display:flex;justify-content:center;z-index:1}.navigation{display:flex;flex-direction:column;gap:15px;position:fixed;right:30px;top:50%;transform:translateY(-50%);z-index:100}.nav-dot{background:#ffffff4d;border-radius:50%;cursor:pointer;height:12px;position:relative;transition:all .3s ease;width:12px}.nav-dot.active{background:#4ecdc4;box-shadow:0 0 20px #4ecdc4}.nav-dot:hover{transform:scale(1.2)}.audio-control{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:50px;bottom:30px;display:flex;gap:10px;left:30px;padding:15px 20px;position:fixed;z-index:100}.play-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:20px;transition:transform .2s ease}.play-btn:hover{transform:scale(1.1)}.btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;overflow:hidden;padding:15px 30px;position:relative;transition:all .3s ease}.btn:hover{box-shadow:0 10px 30px #667eea66;transform:translateY(-2px)}.btn:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.btn:hover:before{height:300px;width:300px}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background:linear-gradient(135deg,#1a1f3a,#2d1b69);border-radius:20px;max-height:90vh;max-width:90vw;overflow-y:auto;padding:40px;position:relative}.close-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:24px;position:absolute;right:20px;top:20px}@media (max-width:768px){.navigation{right:15px}.audio-control{bottom:15px;padding:10px 15px;right:15px}.modal-content{margin:20px;padding:20px}}
/*# sourceMappingURL=main.620cb8c7.css.map*/