*{box-sizing:border-box}body{margin:0;background:#090e22;color:#edf2ff;font:15px/1.55 system-ui,Arial}header{background:#151637;border-bottom:1px solid #4b438d;padding:18px max(18px,calc((100vw - 1100px)/2));display:flex;gap:20px;justify-content:space-between;flex-wrap:wrap}a{color:#a8baff}header>a{color:#fff;text-decoration:none;font-weight:700}nav{display:flex;gap:18px}main{max-width:1100px;margin:auto;padding:28px 18px 70px}h1{font-size:30px;margin:0 0 12px}h2{font-size:21px}p,small{color:#bfc8e6}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}.card{background:linear-gradient(135deg,#1a2048,#16142f);border:1px solid #514a9a;border-radius:14px;padding:20px;margin:14px 0}.price{font-size:32px;color:#8abaff;font-weight:800}button,.btn{display:inline-block;background:linear-gradient(100deg,#5b60df,#8b45cf);border:0;color:white;border-radius:9px;padding:11px 17px;cursor:pointer;text-decoration:none;font-weight:700}button:hover,.btn:hover{filter:brightness(1.15)}input,select{display:block;width:100%;padding:11px;border-radius:8px;background:#0c1430;color:white;border:1px solid #5b5898;margin:6px 0 16px}label{display:block;font-weight:600}table{width:100%;border-collapse:collapse;display:block;overflow-x:auto}th,td{padding:11px;text-align:left;border-bottom:1px solid #3d3a73}th{color:#a6b9fa}.muted{color:#bfc8e6}.error{color:#ff9caa}.ok{color:#91efc5}.tag{background:#34315d;padding:3px 9px;border-radius:9px;white-space:nowrap}footer{text-align:center;border-top:1px solid #353467;padding:22px;color:#9ea9d4}.form{max-width:560px}.notice{padding:12px;border-left:3px solid #8396ff;background:#1b2147}.preview{max-width:100%;height:auto;object-fit:contain;border-radius:8px}@media(max-width:600px){h1{font-size:25px}}