@font-face{font-family:Graphik Arabic;src:url(/assets/fonts/GraphikArabic-Thin.ttf) format("truetype");font-weight:100;font-style:normal}@font-face{font-family:Graphik Arabic;src:url(/assets/fonts/GraphikArabic-Extralight.ttf) format("truetype");font-weight:200;font-style:normal}@font-face{font-family:Graphik Arabic;src:url(/assets/fonts/GraphikArabic-Light.ttf) format("truetype");font-weight:300;font-style:normal}@font-face{font-family:Graphik Arabic;src:url(/assets/fonts/GraphikArabic-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Graphik Arabic;src:url(/assets/fonts/GraphikArabic-Medium.ttf) format("truetype");font-weight:500;font-style:normal}@font-face{font-family:Graphik Arabic;src:url(/assets/fonts/GraphikArabic-Semibold.ttf) format("truetype");font-weight:600;font-style:normal}@font-face{font-family:Graphik Arabic;src:url(/assets/fonts/GraphikArabic-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Graphik Arabic;src:url(/assets/fonts/GraphikArabic-Black.ttf) format("truetype");font-weight:900;font-style:normal}@font-face{font-family:Graphik Arabic;src:url(/assets/fonts/GraphikArabic-Super.ttf) format("truetype");font-weight:950;font-style:normal}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;background-color:#000}body{font-family:Graphik Arabic,sans-serif;color:#fff;margin:0;padding:0;direction:rtl;background-color:#000}.attendance-wrapper{min-height:100vh;background-color:#000}.attendance-hero-section{position:relative;width:100%;min-height:70vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.attendance-hero-section>.container-fluid{position:relative;width:100%;max-width:none;min-height:70vh;display:flex;align-items:center;justify-content:center}.attendance-hero-section>.container-fluid:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:2;pointer-events:none}.attendance-hero-section>.container-fluid:after{content:"";position:absolute;left:0;right:0;bottom:0;height:200px;background:linear-gradient(180deg,#0000,#000);z-index:2;pointer-events:none}.attendance-hero-section .hero-bg-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:1}.attendance-hero-section .hero-content{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;gap:40px;padding:60px 2rem;text-align:center}.hero-logos{display:flex;align-items:center;gap:24px;justify-content:center}.hero-logos .tts-logo,.hero-logos .main-logo{height:80px;width:auto;object-fit:contain}.hero-logos .logo-separator{width:2px;height:60px;background-color:#fff6}.attendance-hero-section .hero-text{display:flex;flex-direction:column;gap:8px;align-items:center}.attendance-hero-section .hero-title{display:flex;flex-direction:column;gap:4px;align-items:center}.title-line{font-family:Graphik Arabic,sans-serif;font-weight:700;font-size:36px;line-height:1.5;color:#fff}.title-line-large{font-family:Graphik Arabic,sans-serif;font-weight:950;font-size:54px;line-height:1.5;color:#fff}.form-section{padding:60px 2rem;background-color:#000}.form-container{max-width:600px;margin:0 auto}.form-intro{font-family:Graphik Arabic,sans-serif;font-weight:400;font-size:18px;line-height:1.8;color:#fff;text-align:center;margin-bottom:40px}.attendance-form{display:flex;flex-direction:column;gap:24px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-family:Graphik Arabic,sans-serif;font-weight:500;font-size:16px;color:#fff}.form-group .required{color:#ff6b6b}.form-group input{font-family:Graphik Arabic,sans-serif;font-size:16px;padding:14px 18px;border-radius:12px;border:1px solid rgba(255,255,255,.2);background:#ffffff0d;color:#fff;outline:none;transition:border-color .3s ease,background .3s ease}.form-group input:focus{border-color:#ffffff80;background:#ffffff1a}.form-group input.error{border-color:#ff6b6b}.error-message{font-family:Graphik Arabic,sans-serif;font-size:14px;color:#ff6b6b}.submit-error{text-align:center;margin-top:8px}.btn-submit{font-family:Graphik Arabic,sans-serif;font-weight:600;font-size:18px;padding:16px 32px;border-radius:83px;border:none;background:linear-gradient(135deg,#ffffff26,#ffffff0d);color:#fff;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;margin-top:16px}.btn-submit:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:83px;padding:1px;background:linear-gradient(135deg,#fffc,#fff6,#ffffff1a,#fff6,#fffc);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:.6;transition:opacity .3s ease}.btn-submit:hover:before{opacity:1}.btn-submit:hover{background:linear-gradient(135deg,#fff3,#ffffff1a)}.btn-submit:disabled{opacity:.6;cursor:not-allowed}.form-buttons{display:flex;gap:16px;margin-top:16px;flex-wrap:wrap;justify-content:center}.form-buttons .btn-submit{margin-top:0;flex:1;min-width:180px}.btn-confirm{background:linear-gradient(135deg,#4ade8033,#4ade801a)}.btn-confirm:before{background:linear-gradient(135deg,#4ade80cc,#4ade8066,#4ade801a,#4ade8066,#4ade80cc)}.btn-confirm:hover{background:linear-gradient(135deg,#4ade804d,#4ade8026)}.btn-decline{background:linear-gradient(135deg,#ef444426,#ef44440d)}.btn-decline:before{background:linear-gradient(135deg,#ef444499,#ef44444d,#ef44441a,#ef44444d,#ef444499)}.btn-decline:hover{background:linear-gradient(135deg,#ef444440,#ef44441a)}.decline-icon{color:#ef4444!important;border-color:#ef444480!important}.success-section{padding:80px 2rem;background-color:#000}.success-container{max-width:600px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;gap:24px}.success-icon{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#ffffff26,#ffffff0d);display:flex;align-items:center;justify-content:center;font-size:40px;color:#4ade80;border:2px solid rgba(74,222,128,.5)}.success-title{font-family:Graphik Arabic,sans-serif;font-weight:700;font-size:28px;color:#fff}.success-message{font-family:Graphik Arabic,sans-serif;font-weight:400;font-size:18px;color:#fffc;line-height:1.8}.athar-section{position:relative;width:100%;min-height:400px;display:flex;align-items:center;justify-content:flex-end;overflow:hidden;background-image:url(/assets/images/%D9%82%D8%B3%D9%85-%D8%A3%D9%86%D8%AA-%D8%A7%D9%84%D8%A3%D8%AB%D8%B1.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;padding:120px 0}.athar-content{position:relative;z-index:2;width:100%;max-width:1512px;margin:0 auto;padding:0 120px;display:flex;flex-direction:column;gap:28px;align-items:start;justify-content:center;text-align:right;color:#fff}.athar-kicker{font-family:Graphik Arabic,sans-serif;font-weight:300;font-size:24px;line-height:1.7;margin:0}.athar-title{font-family:Graphik Arabic,sans-serif;font-weight:950;font-size:32px;line-height:1.7;margin:0}.athar-description{font-family:Graphik Arabic,sans-serif;font-weight:300;font-size:24px;line-height:2.1;margin:0}.athar-description strong{font-weight:700}.cta-section{padding:60px 2rem 80px;background-color:#000;display:flex;justify-content:center}.btn-cta{font-family:Graphik Arabic,sans-serif;font-weight:600;font-size:18px;padding:18px 60px;border-radius:83px;border:none;background:linear-gradient(135deg,#ffffff26,#ffffff0d);color:#fff;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;text-decoration:none;display:inline-block;text-align:center;width:100%;max-width:600px}.btn-cta:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:83px;padding:1px;background:linear-gradient(135deg,#fffc,#fff6,#ffffff1a,#fff6,#fffc);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:.6;transition:opacity .3s ease}.btn-cta:hover:before{opacity:1}.btn-cta:hover{background:linear-gradient(135deg,#fff3,#ffffff1a)}@media (max-width: 992px){.athar-content{padding:0 48px}.athar-kicker,.athar-description{font-size:20px}.athar-title{font-size:28px}}@media (max-width: 768px){.hero-logos .tts-logo,.hero-logos .main-logo{height:60px}.hero-logos .logo-separator{height:45px}.title-line{font-size:28px}.title-line-large{font-size:40px}.form-intro{font-size:16px}.athar-section{min-height:350px;justify-content:center}.athar-content{padding:0 24px;align-items:center;text-align:center}.athar-kicker{font-size:18px}.athar-title{font-size:24px}.athar-description{font-size:18px}.btn-cta{font-size:16px;padding:16px 40px}}@media (max-width: 480px){.hero-logos{gap:16px}.hero-logos .tts-logo,.hero-logos .main-logo{height:50px}.hero-logos .logo-separator{height:40px}.title-line{font-size:24px}.title-line-large{font-size:32px}.form-section{padding:40px 1rem}.cta-section{padding:40px 1rem 60px}}