body,html{margin:0;padding:0;width:100%;font-family:'Cairo',sans-serif;background-image:url(background.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;color:#0f172a;overflow-x:hidden}.content-wrapper{position:relative;z-index:1;display:flex;flex-direction:column;min-height:100vh;width:100%}main.container{flex:1 0 auto;display:flex;flex-direction:column;justify-content:center;padding:40px 0}.container{width:90%;max-width:1200px;margin:0 auto}.glass-panel,.glass-footer,.modal-content{background:rgb(255 255 255 / .75);-webkit-backdrop-filter:blur(12px) saturate(160%);backdrop-filter:blur(12px) saturate(160%);border:1px solid rgb(255 255 255 / .18);box-shadow:0 8px 32px 0 rgb(0 0 0 / .15);position:relative;overflow:hidden}.header-wrapper{background:rgb(255 255 255 / .75);-webkit-backdrop-filter:blur(12px) saturate(160%);backdrop-filter:blur(12px) saturate(160%);border-bottom:1px solid rgb(255 255 255 / .18);box-shadow:0 8px 32px 0 rgb(0 0 0 / .15);position:sticky;top:0;z-index:10}.header-container{display:flex;flex-direction:column;align-items:center;gap:20px;padding:20px 0}.logo-container img{height:80px;width:auto}.btn-gradient{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 20px;border-radius:12px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;font-size:1rem;font-weight:600;border:none;cursor:pointer;transition:all .3s ease;text-decoration:none;width:100%;max-width:400px;box-sizing:border-box}.btn-cancel{background:linear-gradient(135deg,#f87171,#ef4444)}.btn-gradient:hover{transform:translateY(-3px);box-shadow:0 10px 20px rgb(59 130 246 / .3)}.btn-cancel:hover{box-shadow:0 10px 20px rgb(239 68 68 / .3)}.btn-disabled{background:linear-gradient(135deg,#9ca3af,#6b7280);cursor:not-allowed;pointer-events:none;opacity:.6}.btn-disabled:hover{transform:none;box-shadow:none}.hero{margin:0;padding:clamp(20px,5vw,40px);border-radius:20px}.hero-content{text-align:center}.hero h1{font-size:clamp(2rem,6vw,3rem);font-weight:800;margin-top:0;margin-bottom:20px;line-height:1.2;background:linear-gradient(to right,#3b82f6,#1d4ed8);-webkit-background-clip:text;background-clip:text;color:#fff0}.hero p{font-size:clamp(1rem,2.5vw,1.2rem);color:#475569;margin-bottom:30px;line-height:1.6}.glass-footer{padding:25px 0;margin-top:auto}.glass-footer .container{display:flex;justify-content:center;align-items:center;text-align:center;flex-direction:column;gap:20px}.social-icons{display:flex;gap:25px}.social-icons a{color:#475569;font-size:1.5rem;transition:color .3s ease,transform .3s ease}.social-icons a:hover{color:#1d4ed8;transform:scale(1.2)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgb(15 23 42 / .7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;justify-content:center;align-items:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.modal-overlay.visible{opacity:1;visibility:visible}.modal-content{padding:30px;border-radius:20px;max-width:800px;width:90%;transform:scale(.9);transition:transform .3s ease;max-height:80vh;overflow-y:auto}.modal-overlay.visible .modal-content{transform:scale(1)}.modal-content h3{font-size:1.5rem;color:#1e3a8a;margin-bottom:20px;text-align:center}.modal-content p{color:#475569;line-height:1.7;margin-bottom:15px;text-align:right}.modal-content ul{list-style:none;padding-right:20px;text-align:right}.modal-content ul li{position:relative;padding-right:25px;margin-bottom:10px;line-height:1.6;color:#475569}.modal-content ul li::before{content:"\f00c";font-family:"Font Awesome 5 Free","Font Awesome 6 Free";font-weight:900;position:absolute;right:0;top:4px;color:#3b82f6}.modal-actions{display:flex;flex-direction:column;gap:15px;align-items:center;margin-top:30px;border-top:1px solid rgb(0 0 0 / .1);padding-top:20px}.terms-container{display:flex;align-items:center;justify-content:center;margin-bottom:25px;gap:10px}.terms-container label{color:#475569;font-size:.95rem;cursor:pointer;line-height:1.6}.terms-container input[type=checkbox]{-webkit-appearance:none;appearance:none;background-color:#fff;margin:0;font:inherit;color:currentColor;width:1.15em;height:1.15em;border:.15em solid #9ca3af;border-radius:.15em;transform:translateY(-.075em);display:grid;place-content:center;cursor:pointer;flex-shrink:0}.terms-container input[type=checkbox]::before{content:"";width:.65em;height:.65em;transform:scale(0);transition:120ms transform ease-in-out;box-shadow:inset 1em 1em #3b82f6;transform-origin:bottom left;clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%)}.terms-container input[type=checkbox]:checked{border-color:#3b82f6}.terms-container input[type=checkbox]:checked::before{transform:scale(1)}@media (min-width:768px){.header-container{flex-direction:row;justify-content:space-between;padding:15px 0}.btn-gradient{width:auto;max-width:none}.modal-actions{flex-direction:row;justify-content:center}.glass-footer .container{flex-direction:row;justify-content:space-between}}