:root{--color-bg:#0a0a0a;--color-bg-secondary:#111;--color-tod-purple:#4f0099;--color-tod-purple-light:#7b00eb;--color-neon-green:#0f6;--color-neon-green-dim:#0f63;--color-text-primary:#fff;--color-text-secondary:#aaa;--font-main:"Tajawal", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--color-bg);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;width:100%;max-width:100%;line-height:1.6;overflow-x:hidden}html{max-width:100%;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2}a{color:inherit;text-decoration:none}button{font-family:inherit}.glass{-webkit-backdrop-filter:blur(12px);background:#1119;border:1px solid #ffffff0d}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-tod-purple);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-tod-purple-light)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.8s ease-out forwards fadeIn}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.text-gradient{background:linear-gradient(90deg, var(--color-neon-green), var(--color-tod-purple-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.app-container{flex-direction:column;width:100%;max-width:100%;min-height:100vh;display:flex;overflow-x:hidden}section{padding:100px 0;position:relative}.section-title{text-align:center;margin-bottom:3rem;font-size:2.5rem}.section-subtitle{text-align:center;color:var(--color-neon-green);letter-spacing:1px;text-transform:uppercase;margin-bottom:10px;font-weight:700}.hero{text-align:center;background:radial-gradient(circle at center, #4f009933 0%, var(--color-bg) 70%);justify-content:center;align-items:center;min-height:100vh;padding-top:120px;padding-bottom:60px;display:flex;position:relative;overflow:hidden}.hero-grid{text-align:right;grid-template-columns:1.2fr .8fr;align-items:center;gap:4rem;width:100%;max-width:1400px;padding:0 2rem;display:grid}.hero-content{z-index:10;position:relative}.hero-image-container{z-index:5;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.trophy-glow{filter:blur(40px);z-index:-1;background:radial-gradient(circle,#ffd70066 0%,#ffd70000 70%);width:80%;height:80%;animation:3s infinite alternate pulse-glow;position:absolute}@keyframes pulse-glow{0%{opacity:.6;transform:scale(.9)}to{opacity:1;transform:scale(1.1)}}.hero-trophy-img{border-radius:24px;width:100%;max-width:500px;transition:transform .5s;transform:perspective(1000px)rotateY(-5deg);box-shadow:0 20px 50px #00000080,0 0 30px #ffd70033}.hero-trophy-img:hover{transform:perspective(1000px)rotateY(0)scale(1.02)}.hero h1{margin-bottom:1rem;font-size:4rem;font-weight:900}.hero-main-title{margin-bottom:0;font-size:4.5rem}.hero h2{color:var(--color-text-secondary);margin-bottom:2rem;font-size:1.5rem;font-weight:400}.tod-logo{letter-spacing:2px;color:var(--color-text-primary);font-size:1.5rem;font-weight:900;position:absolute;top:40px;right:40px}.tod-logo span{color:var(--color-neon-green)}.stats-row{flex-wrap:wrap;justify-content:center;gap:2rem;margin-top:3rem;display:flex}.stat-card{border-radius:16px;min-width:150px;padding:1.5rem 2rem;transition:transform .3s,box-shadow .3s}.stat-card:hover{border-color:var(--color-neon-green);transform:translateY(-5px);box-shadow:0 10px 30px #00ff661a}.stat-number{color:var(--color-neon-green);font-size:2.5rem;font-weight:800;display:block}.stat-label{color:var(--color-text-secondary);font-size:1rem}.grid-3{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.grid-2{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));align-items:center;gap:3rem;display:grid}.feature-card{text-align:center;border-radius:20px;padding:2.5rem;transition:all .3s;position:relative}.feature-card:hover{border-color:var(--color-tod-purple-light);background:#4f009933;transform:translateY(-10px)}.feature-icon{background:var(--color-neon-green-dim);width:60px;height:60px;color:var(--color-neon-green);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1.5rem;display:flex}.feature-title{margin-bottom:1rem;font-size:1.5rem}.feature-desc{color:var(--color-text-secondary)}.timeline{max-width:800px;margin:0 auto;position:relative}.timeline:before{content:"";background:var(--color-tod-purple);width:2px;position:absolute;top:0;bottom:0;right:50%;transform:translate(50%)}.timeline-item{justify-content:space-between;align-items:center;margin-bottom:3rem;display:flex;position:relative}.timeline-item:nth-child(2n){flex-direction:row-reverse}.timeline-content{border-radius:16px;width:45%;padding:1.5rem}.timeline-dot{background:var(--color-neon-green);width:20px;height:20px;box-shadow:0 0 15px var(--color-neon-green);border-radius:50%;position:absolute;top:50%;right:50%;transform:translate(50%,-50%)}.team-row{border-bottom:1px solid #ffffff1a;align-items:center;gap:15px;padding-bottom:15px;display:flex}.team-row:last-child{border-bottom:none}.stars{color:gold;min-width:60px;font-size:1.2rem}.team-info{font-size:1.1rem}.badge{color:var(--color-neon-green);background:#00ff661a;border-radius:30px;align-items:center;gap:8px;padding:8px 16px;font-weight:700;display:inline-flex}.prod-timeline{margin:0;padding:0;list-style:none}.prod-timeline li{margin-bottom:20px;padding-right:30px;font-size:1.1rem;position:relative}.prod-timeline li:before{content:"";background:var(--color-tod-purple-light);border-radius:50%;width:12px;height:12px;position:absolute;top:8px;right:0}.btn-primary{background:linear-gradient(90deg, var(--color-tod-purple), var(--color-tod-purple-light));color:#fff;cursor:pointer;border:none;border-radius:30px;padding:1rem 2.5rem;font-size:1.2rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block;box-shadow:0 5px 15px #4f009966}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #4f009999}@media (width<=1024px){.hero-grid{text-align:center;grid-template-columns:1fr;gap:2rem}.hero-trophy-img{max-width:350px;transform:none}.hero-trophy-img:hover{transform:scale(1.02)}.grid-2{grid-template-columns:1fr;gap:2rem}}@media (width<=768px){section{padding:50px 16px}.section-title{word-break:break-word;margin-bottom:1.5rem;font-size:1.5rem}.section-subtitle{font-size:.85rem}.hero{min-height:auto;padding-top:80px;padding-bottom:40px}.hero-grid{text-align:center;grid-template-columns:1fr;gap:1.5rem;padding:0 16px}.hero h1{font-size:2.2rem!important}.hero h2{font-size:1rem!important}.tod-logo{font-size:1rem;top:15px;right:15px}.hero-image-container{margin-top:1rem}.hero-trophy-img{border-radius:16px;max-width:250px;transform:none}.hero-trophy-img:hover{transform:scale(1.02)}.trophy-glow{width:60%;height:60%}.stats-row{flex-flow:wrap;justify-content:center;gap:.8rem}.stat-card{width:calc(50% - .5rem);min-width:0;padding:1rem}.stat-number{font-size:1.8rem}.stat-label{font-size:.8rem}.grid-2,.grid-3{grid-template-columns:1fr;gap:1.5rem}.feature-card{padding:1.5rem}.timeline{max-width:100%}.timeline:before{right:15px}.timeline-item,.timeline-item:nth-child(2n){text-align:right;flex-direction:column;align-items:flex-start;padding-right:40px}.timeline-content{width:100%;padding:1rem}.timeline-dot{width:14px;height:14px;top:25px;right:15px;transform:translate(50%)}.team-row{flex-wrap:wrap;gap:8px}.stars{min-width:auto;font-size:1rem}.team-info{font-size:.95rem}.prod-timeline li{margin-bottom:15px;padding-right:25px;font-size:.95rem}.prod-timeline li:before{width:10px;height:10px}.btn-primary{padding:.8rem 1.8rem;font-size:1rem}.badge{padding:6px 12px;font-size:.85rem}}@media (width<=400px){.hero h1{font-size:1.8rem!important}.hero h2{font-size:.9rem!important}.section-title{font-size:1.3rem}.stat-card{width:100%}.hero-trophy-img{max-width:200px}}