*{box-sizing:border-box}html{font-family:Arial,Helvetica,sans-serif}body{margin:0}.app{color:#f4f7fb;background:radial-gradient(circle at 0 0,#20d6d12e,#0000 32%),radial-gradient(circle at 100% 0,#7c5cff33,#0000 30%),linear-gradient(135deg,#07111f 0%,#0f1b2f 55%,#07111f 100%);min-height:100vh}.app-logo{border-radius:18px;width:min(760px,94vw);height:auto;margin:0 auto;display:block}.app-header{text-align:center;background:#07111fd1;border-bottom:1px solid #ffffff1f;padding:36px 20px 24px}.app-header h1{letter-spacing:.03em;color:#fff;margin:0 0 8px;font-size:2rem}.app-header p{color:#aebbd0;margin:0}.navigation{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f1b2fe0;border-bottom:1px solid #ffffff1f;flex-wrap:wrap;justify-content:center;gap:10px;padding:18px 16px;display:flex}.nav-button{color:#f4f7fb;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff29;border-radius:999px;padding:10px 16px;font-size:1rem;transition:all .2s}.nav-button:hover{background:#20d6d11f;border-color:#20d6d1}.nav-button.active{color:#07111f;background:linear-gradient(135deg,#20d6d1,#7c5cff);border-color:#0000;font-weight:700;box-shadow:0 0 22px #20d6d147}.app-main{width:min(1000px,100% - 32px);margin:28px auto}.page-card{background:#13233de0;border:1px solid #ffffff24;border-radius:22px;padding:28px;box-shadow:0 18px 40px #00000047}.page-card h2{color:#20d6d1;margin-top:0}.page-card p{color:#dce6f6;line-height:1.6}