*{box-sizing:border-box}body,html{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;color:#111}.container{max-width:1100px;margin:0 auto;padding:24px}.card{background:#fff;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.12);padding:24px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:8px;border:none;cursor:pointer;font-weight:600}.btn-primary{background:#667eea;color:#fff}.btn-secondary{background:#f3f4f6;color:#111;border:1px solid #e5e7eb}.input{width:100%;padding:12px;border:2px solid #e5e7eb;border-radius:8px}.input:focus{outline:none;border-color:#667eea}.error{background:#fee2e2;color:#991b1b;padding:10px 12px;border-radius:8px;margin-bottom:12px}.link{color:#667eea;text-decoration:none}.link:hover{text-decoration:underline}.spinner{width:18px;height:18px;border:2px solid #e5e7eb;border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}