body{margin:0;padding:0;font-family:Poppins,sans-serif;background:radial-gradient(circle at top left,#fbcfe8,#e0f2fe,#d9f99d);background-size:cover;min-height:100vh;display:flex;justify-content:center}.app-wrapper{width:100%;max-width:1200px;padding:40px 20px}section{margin:60px 0;padding:40px;border-radius:20px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff8c;box-shadow:0 10px 25px #0000001a;transition:transform .3s ease,box-shadow .3s ease}section:hover{transform:translateY(-6px);box-shadow:0 14px 32px #00000026}h1{text-align:center;font-size:42px;font-weight:700;background:linear-gradient(90deg,#2563eb,#7c3aed,#db2777);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:60px}h2{font-size:28px;margin-bottom:20px;color:#111827}.navbar{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;border-radius:10px;margin:15px 0}.navbar .logo{font-size:1.4rem;font-weight:700}.navbar .nav-links{display:flex;gap:20px;list-style:none}.navbar .nav-links a{text-decoration:none;font-weight:500;transition:all .3s ease}.navbar1{background:linear-gradient(45deg,#4facfe,#00f2fe);color:#fff}.navbar1 .nav-links a{color:#fff;position:relative}.navbar1 .nav-links a:after{content:"";display:block;height:2px;background:#fff;width:0;transition:.3s}.navbar1 .nav-links a:hover:after{width:100%}.navbar2{background:#1e1e2f;color:#f5f5f5}.navbar2 .nav-links a{color:#ddd;padding:6px 12px;border-radius:6px}.navbar2 .nav-links a:hover{background:#333;color:#fff}.navbar3{background:#ffffff1a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(27,17,17,.2);color:#222}.navbar3 .nav-links a{color:#222;padding:6px 12px;border-radius:6px;transition:all .3s ease}.navbar3 .nav-links a:hover{background:linear-gradient(90deg,#ff6a00,#ee0979);color:#fff!important;transform:scale(1.05)}.navbar3 .btn-gradient{background:linear-gradient(90deg,#ff6a00,#ee0979);padding:8px 14px;border-radius:6px;color:#fff!important;transition:transform .2s}.navbar3 .btn-gradient:hover{transform:scale(1.05)}.btn{border:none;border-radius:50px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #00000026;letter-spacing:.5px}.sm{padding:6px 14px;font-size:14px}.md{padding:12px 22px;font-size:16px}.lg{padding:16px 28px;font-size:18px}.primary{background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff}.primary:hover{background:linear-gradient(135deg,#1e40af,#6d28d9);transform:translateY(-2px)}.primary:active{transform:scale(.95)}.success{background:linear-gradient(135deg,#16a34a,#22c55e);color:#fff}.success:hover{background:linear-gradient(135deg,#15803d,#16a34a);transform:translateY(-2px)}.danger{background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff}.danger:hover{background:linear-gradient(135deg,#b91c1c,#dc2626);transform:translateY(-2px)}.secondary{background:linear-gradient(135deg,#6b7280,#9ca3af);color:#fff}.secondary:hover{background:linear-gradient(135deg,#4b5563,#6b7280);transform:translateY(-2px)}.card{background:#ffffffbf;border-radius:16px;overflow:hidden;box-shadow:0 8px 20px #0000001a;transition:all .3s ease;max-width:320px}.card:hover{transform:scale(1.05);box-shadow:0 12px 28px #00000026}.card-img{width:100%;height:180px;object-fit:cover}.card-body{padding:16px}.card-title{font-size:20px;font-weight:700;margin-bottom:8px;color:#1e293b}.card-desc{color:#475569;font-size:14px;margin-bottom:12px}.card-footer{padding:12px 16px;background:#f3f4f6cc;border-top:1px solid #e5e7eb;text-align:right}.modal-overlay{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:50}.modal{background:#fffffff2;padding:30px;border-radius:20px;width:420px;max-width:95%;box-shadow:0 16px 40px #00000040;animation:slideZoom .35s ease;position:relative;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.modal-card{padding:0;border-radius:12px;overflow:hidden}.modal-close{position:absolute;top:10px;right:14px;font-size:24px;border:none;background:none;color:#dc2626;cursor:pointer;transition:transform .2s}.modal-close:hover{transform:rotate(90deg) scale(1.2)}.modal-title{font-size:20px;font-weight:600;margin-bottom:16px;color:#111827;text-align:center}.modal-body{padding:24px}.input-group{margin-bottom:16px}.input-group label{display:block;font-size:14px;margin-bottom:6px;color:#374151}.input-group input{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;outline:none;font-size:14px}.input-group input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb33}.options{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.checkbox{display:flex;align-items:center;gap:6px;font-size:14px;color:#374151}.link{font-size:14px;color:#2563eb;text-decoration:none}.link:hover{text-decoration:underline}.btn-primary{background:#2563eb;color:#fff;padding:10px 16px;border-radius:8px;border:none;cursor:pointer;font-size:14px;transition:background .2s}.btn-primary:hover{background:#1d4ed8}.btn-primary.full{width:100%;margin-bottom:12px}.register{text-align:center;font-size:14px;color:#6b7280}.register .link{color:#2563eb}@keyframes slideZoom{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.modal-terms{max-width:500px}.modal-scroll{max-height:250px;overflow-y:auto;padding-right:6px;margin-bottom:18px;font-size:14px;color:#4b5563;line-height:1.6}.modal-scroll::-webkit-scrollbar{width:6px}.modal-scroll::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px}.modal-actions{display:flex;justify-content:flex-end;gap:12px}.btn-alt{background:#f3f4f6;color:#111827;padding:10px 16px;border-radius:8px;border:none;cursor:pointer;font-size:14px;transition:background .2s}.btn-alt:hover{background:#e5e7eb}.fancy-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;border:none;outline:none;cursor:pointer;padding:10px 32px;margin:12px;border-radius:8px;font-size:16px;font-weight:600;color:#fff;transition:all .3s ease}.fancy-btn span{pointer-events:none}.fancy-btn-bg{position:absolute;width:0;height:0;border-radius:50%;transition:all .6s ease-out;z-index:0}.fancy-btn:hover .fancy-btn-bg{width:220px;height:220px}.fancy-btn-left,.fancy-btn-right{position:absolute;top:0;height:100%;opacity:.2}.fancy-btn-left{left:0;width:60px}.fancy-btn-right{right:0;width:60px}.fancy-btn-overlay{position:absolute;inset:0;border-radius:8px;background:linear-gradient(to bottom,transparent,transparent,rgba(255,255,255,.3));opacity:.3}.fancy-btn-text{position:relative;z-index:1}.fancy-orange{background:#1f2937}.fancy-orange .fancy-btn-bg{background:#ea580c}.fancy-blue{background:#0f172a}.fancy-blue .fancy-btn-bg{background:#2563eb}.fancy-blue:hover{box-shadow:0 0 20px #2563ebb3}.fancy-green{background:#064e3b}.fancy-green .fancy-btn-bg{background:#10b981}.fancy-green:hover{transform:scale(1.05)}.fancy-purple{background:#3b0764}.fancy-purple .fancy-btn-bg{background:#9333ea}.fancy-purple:hover{letter-spacing:2px}.fancy-red{background:#450a0a}.fancy-red .fancy-btn-bg{background:#dc2626}.fancy-red:hover{transform:translateY(-3px)}.flip-card{width:280px;height:360px;perspective:1000px;margin:20px;cursor:pointer;position:relative}.flip-card-front,.flip-card-back{width:100%;height:100%;position:absolute;border-radius:16px;backface-visibility:hidden;transition:transform .7s ease-in-out,box-shadow .3s ease;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;top:0;left:0;color:#fff}.flip-card.purple .flip-card-front{background:linear-gradient(135deg,#7f00ff,#3f00ff)}.flip-card.purple .flip-card-back{background:linear-gradient(135deg,#3f00ff,#2563f0)}.flip-card.red .flip-card-front{background:linear-gradient(135deg,red,#8b0000)}.flip-card.red .flip-card-back{background:linear-gradient(135deg,#8b0000,#1f1f1f)}.flip-card.yellow .flip-card-front{background:linear-gradient(135deg,#facc15,#84cc16)}.flip-card.yellow .flip-card-back{background:linear-gradient(135deg,#84cc16,#22c55e)}.flip-card-front h3,.flip-card-back h3{font-size:20px;margin-bottom:10px}.flip-card-front p,.flip-card-back p{font-size:14px}.flip-card-back ul{list-style:none;padding:0;margin-top:15px}.flip-card-back li{margin:5px 0}.flip-card.flipped .flip-card-front{transform:rotateY(180deg)}.flip-card.flipped .flip-card-back{transform:rotateY(360deg)}.flipcard-demo{text-align:center;background:linear-gradient(135deg,#0f172a,#1e293b,#334155);color:#fff;border-radius:12px;margin:40px auto;max-width:1000px;padding:40px 30px;display:flex;flex-direction:column;align-items:center}.flipcard-demo h2{font-size:24px;margin-bottom:20px}.flipcard-grid{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;width:100%}.alert{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:8px;margin-bottom:12px;font-size:14px;font-weight:500;animation:fadeIn .3s ease}.alert-message{flex:1}.alert-close{background:none;border:none;color:inherit;font-size:18px;cursor:pointer;margin-left:12px;transition:transform .2s}.alert-close:hover{transform:scale(1.2)}.alert.info{background:#e0f2fe;color:#0369a1;border:1px solid #7dd3fc}.alert.success{background:#dcfce7;color:#166534;border:1px solid #86efac}.alert.warning{background:#fef9c3;color:#854d0e;border:1px solid #fde68a}.alert.error{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.badge{display:inline-block;padding:10px 20px;border-radius:9999px;font-size:14px;font-weight:700;margin:6px;text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease;box-shadow:0 4px 10px #00000026;cursor:default}.badge.primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.badge.success{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.badge.warning{background:linear-gradient(135deg,#fde047,#facc15);color:#222}.badge.error{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.badge.gradient{background:linear-gradient(135deg,#ee0979,#ff6a00);color:#fff}.badge:hover{transform:scale(1.1);box-shadow:0 6px 15px #00000040}