*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(#0006,#0006),url(https://images.unsplash.com/photo-1560518883-ce09059eeffa?ixlib=rb-4.0.3&auto=format&fit=crop&w=2000&q=80) center/cover fixed no-repeat;min-height:100vh;color:#333}nav{background:linear-gradient(135deg,#1e3c72,#2a5298);padding:15px 30px;box-shadow:0 2px 10px #0000004d;position:sticky;top:0;z-index:1000;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}nav a{color:#fff;text-decoration:none;padding:10px 20px;border-radius:5px;transition:all .3s ease;font-weight:500;font-size:16px}nav a:hover{background:#fff3;transform:translateY(-2px)}.content-wrapper{background:#fffffff2;margin:20px auto;padding:40px;border-radius:15px;box-shadow:0 10px 40px #0003;max-width:1400px;min-height:calc(100vh - 200px)}button{background:linear-gradient(135deg,#2a5298,#1e3c72);color:#fff;border:none;padding:12px 30px;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px #2a52984d}button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2a529866;background:linear-gradient(135deg,#2a5298,#1e3c72)}button:active{transform:translateY(0)}input,textarea{border:2px solid #e0e0e0;border-radius:8px;padding:12px;font-size:16px;transition:all .3s ease;background:#fff}input:focus,textarea:focus{outline:none;border-color:#2a5298;box-shadow:0 0 0 3px #2a52981a}label{font-weight:600;color:#333;margin-bottom:8px;display:block}.card{background:#fff;border-radius:12px;padding:25px;box-shadow:0 5px 20px #0000001a;transition:all .3s ease}.card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00000026}.loading{text-align:center;padding:50px;color:#fff;font-size:18px}.loading:after{content:"...";animation:dots 1.5s steps(4,end) infinite}@keyframes dots{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}@media(max-width:768px){nav{flex-direction:column;gap:10px}.content-wrapper{margin:10px;padding:20px}}