:root{--bg1: #6a11cb;--bg2: #2575fc;--card-bg: rgba(255, 255, 255, .12);--glass-border: rgba(255, 255, 255, .18);--accent1: #ff8a00;--accent2: #e52e71}html,body{height:100%;margin:0;font-family:Inter,system-ui,Segoe UI,Roboto,Helvetica Neue,Arial}body{background:linear-gradient(135deg,var(--bg1),var(--bg2));padding:28px;color:#fff;min-height:100vh}.wrapper{max-width:1200px;margin:0 auto;display:flex;gap:26px;align-items:flex-start;animation:fadeIn .9s ease both}.card{border-radius:18px;padding:22px;background:var(--card-bg);border:1px solid var(--glass-border);box-shadow:0 10px 30px #0000002e;width:50%;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transform-origin:center;transition:transform .3s ease}.card2{padding:22px;width:50%;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transform-origin:center;transition:transform .3s ease}.card:hover{transform:translateY(-6px)}h2,h3{margin:0 0 14px;font-weight:600;text-align:center;color:#fff}p{margin:8px 0;color:#ffffffeb;line-height:1.35;font-size:14px}.left img{width:100%;border-radius:12px;margin:12px 0;box-shadow:0 8px 20px #00000040;animation:floatY 6s ease-in-out infinite}@keyframes floatY{0%{transform:translateY(0)}50%{transform:translateY(-10px) rotate(-.3deg)}to{transform:translateY(0)}}form{margin-top:6px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px}.full{grid-column:span 2}label{display:block;font-weight:600;font-size:13px;color:#fff;margin-bottom:6px}input[type=text],input[type=email],input[type=tel],select,textarea,input[type=file]{width:100%;padding:10px 12px;border-radius:10px;border:none;background:#fffffff2;color:#222;font-size:14px;box-sizing:border-box}textarea{min-height:86px;resize:vertical}.btn{display:inline-block;width:100%;padding:12px 16px;border-radius:12px;border:none;font-weight:700;letter-spacing:.4px;cursor:pointer;background:linear-gradient(135deg,var(--accent1),var(--accent2));color:#fff;box-shadow:0 8px 24px #e52e712e;transition:transform .18s ease,box-shadow .18s ease}.btn:active{transform:translateY(1px)}.btn:hover{box-shadow:0 12px 36px #e52e7138}.overlay{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:linear-gradient(180deg,#00000040,#00000073);z-index:1050}.overlay.show{display:flex}.loader-card{width:360px;max-width:92%;background:#ffffff0f;border-radius:12px;padding:18px;border:1px solid rgba(255,255,255,.12);text-align:center;color:#fff}.spinner{width:48px;height:48px;margin:0 auto 12px;border-radius:50%;border:5px solid rgba(255,255,255,.12);border-top-color:#ffffffe6;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.progress-wrap{background:#ffffff1f;border-radius:10px;overflow:hidden;height:12px;margin-top:10px}.progress-bar{height:100%;width:0%;background:linear-gradient(90deg,#ff8a00,#e52e71);transition:width .12s linear}.modal{position:fixed;left:50%;top:40%;transform:translate(-50%,-50%) scale(.95);min-width:300px;max-width:90%;background:#fff;color:#111;padding:18px;border-radius:12px;box-shadow:0 14px 40px #00000059;z-index:1060;display:none;text-align:center}.modal.show{display:block;animation:pop .26s ease both}@keyframes pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.modal h3{margin:6px 0 8px;color:#111}.modal p{color:#333;margin:8px 0 12px;font-size:14px}.modal .ok{display:inline-block;padding:10px 14px;background:linear-gradient(90deg,#2575fc,#6a11cb);color:#fff;border-radius:10px;border:none;cursor:pointer;font-weight:700;margin-top:8px}.muted{font-size:13px;color:#fffc;text-align:center;margin-top:12px}@media(max-width:980px){.wrapper{flex-direction:column;padding-bottom:40px}.card{width:100%}}@media(max-width:600px){.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.card,.card2{width:100%;padding:16px}}.slider{position:relative;width:100%;height:400px;overflow:hidden;border-radius:12px;margin:12px 0 20px;background:#000}.slides{display:flex;height:100%;width:100%;transition:transform .7s ease}.slides img{min-width:100%;height:100%;flex-shrink:0;object-fit:cover;border-radius:12px}.slider button{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff8c;border:none;padding:10px 14px;font-size:20px;cursor:pointer;border-radius:50%;color:#222;transition:.3s;z-index:10}.slider button:hover{background:#ffffffbf}.prev{left:10px}.next{right:10px}*{margin:0;padding:0;box-sizing:border-box}
