:root{font-family:system-ui;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 10% 0%,#55239b,transparent 50%),linear-gradient(140deg,#071735,#102459);color:#fff}header{padding:20px 5%;border-bottom:2px solid #54e9ff;background:#0a1746}h1{margin:0;color:#75edff}main{max-width:1100px;margin:auto;padding:20px}nav{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}button{cursor:pointer;background:linear-gradient(120deg,#116ed7,#7d38d0);border:1px solid #6de9ff;color:white;border-radius:12px;padding:12px 16px;min-height:44px;font-weight:700}button[aria-pressed=true]{border-color:#ffe77b;background:#156d7c}.card,.notice{background:#14275be8;border:1px solid #61c9ff;border-radius:20px;padding:20px;margin:14px 0;box-shadow:0 0 20px #00cfff25}.notice{border-color:#eab65d;background:#473316}label{display:block;margin:12px 0}input,textarea{display:block;width:100%;padding:12px;background:#071736;color:white;border:1px solid #7cbfff;border-radius:12px;font:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #ffda65}article{padding:14px;border-bottom:1px solid #607ab3}article h3{margin:4px 0}small{color:#c9d9ff}a{color:#76edff}@media(orientation:portrait){main{padding:12px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}