@import"https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800&display=swap";:root{--color-bg-main: #0B0C0E;--color-bg-light: #F3F4F6;--color-bg-card: rgba(16, 16, 20, .75);--color-bg-card-glass: rgba(16, 16, 20, .4);--color-accent: #0066FF;--color-accent-glow: rgba(0, 102, 255, .15);--color-accent-hover: #0052cc;--color-text-heading: #FFFFFF;--color-text-body: #A1A1AA;--color-text-dark: #111827;--font-main: "Manrope", sans-serif;--spacing-container: 1200px;--spacing-section: 6rem}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--color-bg-main);color:var(--color-text-body);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}html{scroll-behavior:smooth}body:before{content:"";position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:120vw;height:120vh;background:radial-gradient(circle,var(--color-accent-glow) 0%,transparent 70%);pointer-events:none;z-index:-1}h1,h2,h3,h4,h5,h6{color:var(--color-text-heading);font-weight:700;line-height:1.1;margin-bottom:1rem}a{text-decoration:none;color:inherit;transition:opacity .2s ease}button{font-family:inherit;cursor:pointer;border:none;outline:none}.container{max-width:var(--spacing-container);margin:0 auto;padding:0 1.5rem}.section{padding:var(--spacing-section) 0}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:999px;font-weight:600;font-size:1rem;transition:all .3s ease}.btn-primary{background-color:var(--color-accent);color:#fff}.btn-primary:hover{background-color:var(--color-accent-hover);transform:translateY(-2px);box-shadow:0 10px 20px -5px #06f6}.btn-glass{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);color:#fff;border-radius:8px;font-weight:500;transition:all .2s ease}.btn-glass:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-1px)}.modal-backdrop-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;display:flex;align-items:center;justify-content:center}.modal-backdrop{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:1.5rem}.modal-container{background:#101014eb;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:20px;box-shadow:0 25px 50px -12px #0009,0 0 40px #0066ff1a;width:100%;max-width:520px;padding:2.5rem;position:relative;color:#fff;z-index:10001}.modal-close-btn{position:absolute;top:1.25rem;right:1.25rem;background:none;border:none;color:var(--color-text-body);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;width:32px;height:32px;transition:all .2s ease}.modal-close-btn:hover{background:#ffffff0f;color:#fff}.modal-header h2{font-size:1.75rem;font-weight:700;margin-bottom:.5rem;color:#fff}.modal-subtitle{font-size:.9rem;color:var(--color-text-body);margin-bottom:2rem}.subject-badge{background:#0066ff26;border:1px solid rgba(0,102,255,.3);color:#38bdf8;padding:.25rem .65rem;border-radius:999px;font-weight:600;font-size:.8rem;display:inline-block;margin-left:.25rem}.modal-form{display:flex;flex-direction:column;gap:1.25rem}.form-field{display:flex;flex-direction:column;gap:.5rem;text-align:left}.form-field label{font-size:.85rem;font-weight:600;color:#ffffffb3}.form-field input,.form-field textarea{background:#0006;border:1px solid rgba(255,255,255,.1);padding:.85rem 1rem;border-radius:8px;color:#fff;font-family:inherit;font-size:.95rem;outline:none;transition:all .2s ease}.form-field input:focus,.form-field textarea:focus{border-color:var(--color-accent);background:#0009;box-shadow:0 0 0 2px #0066ff40}.modal-error{color:#ef4444;font-size:.875rem;text-align:left}.modal-actions{display:flex;gap:1rem;margin-top:1rem;justify-content:flex-end}.btn-secondary-modal{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;font-weight:500;font-size:.95rem;padding:.75rem 1.5rem;border-radius:8px;transition:all .2s}.btn-secondary-modal:hover{background:#ffffff1a;border-color:#fff3}.btn-primary-modal{background:var(--color-accent);color:#fff;font-weight:600;font-size:.95rem;padding:.75rem 1.5rem;border-radius:8px;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.btn-primary-modal:hover{background:var(--color-accent-hover);box-shadow:0 10px 20px -5px #06f6}.btn-primary-modal:disabled{opacity:.6;cursor:not-allowed}.spinner-modal{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin-modal .8s ease-in-out infinite}@keyframes spin-modal{to{transform:rotate(360deg)}}.modal-success{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.5rem;padding:1rem 0}.modal-success h2{font-size:1.75rem;font-weight:700;color:#fff;margin-bottom:0}.modal-success p{color:var(--color-text-body);font-size:1rem;line-height:1.5;margin-bottom:.5rem}.checkmark-wrapper{margin-bottom:.5rem}.checkmark{width:72px;height:72px;border-radius:50%;display:block;stroke-width:2;stroke:#10b981;stroke-miterlimit:10;box-shadow:inset 0 0 #10b98126;animation:fill-checkmark .4s ease-in-out .4s forwards,scale-checkmark .3s ease-in-out .9s both}.checkmark-circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:2;stroke-miterlimit:10;stroke:#10b981;fill:none;animation:stroke-checkmark .6s cubic-bezier(.65,0,.45,1) forwards}.checkmark-check{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;stroke-width:3;stroke:#10b981;animation:stroke-checkmark .3s cubic-bezier(.65,0,.45,1) .8s forwards}@keyframes stroke-checkmark{to{stroke-dashoffset:0}}@keyframes fill-checkmark{to{box-shadow:inset 0 0 0 36px #10b98126}}@keyframes scale-checkmark{0%,to{transform:none}50%{transform:scale3d(1.1,1.1,1)}}.inline-success-container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:12px;min-height:280px}.inline-success-container h3{font-size:1.5rem;margin-top:1rem;margin-bottom:.5rem;color:#fff}.inline-success-container p{color:var(--color-text-body);font-size:.95rem;line-height:1.5}
