@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&family=Inter:wght@300;400;500&family=Tajawal:wght@400;500;700&display=swap";:root{--bg-color:#000;--surface-color:#141414b3;--border-color:#ffffff14;--text-main:#fff;--text-muted:#a1a1aa;--accent:#e4e4e7;--font-heading:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--font-arabic:"Tajawal", sans-serif;--transition:all .4s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-color);color:var(--text-main);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-heading);letter-spacing:-.02em;font-weight:600}a{color:inherit;text-decoration:none}.mobile-only{display:none!important}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.pt-0{padding-top:0!important}.navbar{-webkit-backdrop-filter:blur(12px);z-index:1000;border-bottom:1px solid var(--border-color);width:100%;transition:var(--transition);background:#000c;padding:1.25rem 0;position:fixed;top:0}.nav-container{justify-content:space-between;align-items:center;display:flex}.logo{font-family:var(--font-heading);letter-spacing:.1em;text-transform:uppercase;color:#fff;transition:var(--transition);font-size:1.5rem;font-weight:800;display:inline-block}.logo:hover{text-shadow:0 0 20px #ffffff80;transform:scale(1.02)}.nav-links{gap:2.5rem;list-style:none;display:flex}.nav-links a{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);transition:var(--transition);font-size:.9rem;font-weight:500;position:relative}.nav-links a:hover,.nav-links a.active{color:#fff}.nav-links a:after{content:"";width:0;height:1px;transition:var(--transition);background-color:#fff;position:absolute;bottom:-4px;left:0}.nav-links a:hover:after,.nav-links a.active:after{width:100%}.nav-timer{margin:0}.lang-dropdown{-webkit-user-select:none;user-select:none;display:inline-block;position:relative}.lang-drop-btn{color:var(--text-main);cursor:pointer;transition:var(--transition);font-family:var(--font-heading);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:.6rem;padding:.5rem .8rem;font-size:.9rem;font-weight:500;display:flex}.lang-drop-btn:hover{background:#ffffff1a;border-color:#ffffff4d}.lang-drop-btn .chevron{opacity:.5;transition:transform .3s}.lang-dropdown:hover .chevron{transform:rotate(180deg)}.lang-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;opacity:0;visibility:hidden;background:#0f0f0fe6;border:1px solid #ffffff1a;border-radius:10px;min-width:140px;padding:.4rem;transition:all .3s cubic-bezier(.16,1,.3,1);position:absolute;top:calc(100% + 8px);right:0;transform:translateY(10px);box-shadow:0 10px 30px #00000080}.lang-dropdown:hover .lang-menu{opacity:1;visibility:visible;transform:translateY(0)}.lang-item{width:100%;color:var(--text-muted);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.6rem 1rem;font-family:inherit;font-size:.9rem;transition:all .2s;display:block}.lang-item:hover{color:#fff;background:#ffffff14}.lang-item.active{color:#fff;background:#ffffff0d;font-weight:600}.mobile-lang-selector{gap:1rem;margin-top:1rem;display:flex}.lang-option{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;padding:.5rem 1.2rem;font-size:.9rem;font-weight:600}.lang-option.active{color:#000;background:#fff}.reset-timer{color:#fff;text-align:center;-webkit-backdrop-filter:blur(5px);letter-spacing:.05em;background:#0a0a0f66;border:1px solid #cca84233;border-radius:8px;min-width:170px;padding:.5rem 1rem;font-family:inherit;font-size:.85rem;font-weight:500}@media (width<=768px){.hero{min-height:auto;padding-top:160px;padding-bottom:2.5rem}.hero p{max-width:100%;font-size:1rem;line-height:1.5}.title-glow{margin-bottom:.5rem;font-size:2.5rem!important}.nav-timer{min-width:140px;margin:0;padding:.4rem .6rem;font-size:.75rem}}.hero{text-align:center;justify-content:center;align-items:center;min-height:75vh;padding-top:80px;display:flex;position:relative;overflow:hidden}.hero-bg{object-fit:cover;opacity:.2;filter:grayscale();z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.hero-content{z-index:1;max-width:900px;padding:0 2rem;position:relative}.title-glow{-webkit-text-fill-color:transparent;filter:drop-shadow(0 10px 20px #ffffff1a);background:linear-gradient(#fff 0%,#a1a1aa 100%);-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:5rem;font-weight:800;line-height:1.1}.hero p{color:var(--text-muted);max-width:600px;margin-inline:auto;font-size:1.25rem}.section-padding{padding:6rem 0}#philosophy.section-padding{padding-top:0}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;opacity:0;pointer-events:none;width:100%;height:100%;transition:var(--transition);background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0}.modal-overlay.active{opacity:1;pointer-events:auto}.modal-content{width:90%;max-width:600px;transition:var(--transition);background:#111;border:1px solid #333;border-radius:16px;max-height:90vh;padding:3rem;position:relative;overflow-y:auto;transform:scale(.95)translateY(20px)}.modal-overlay.active .modal-content{transform:scale(1)translateY(0)}.modal-close{color:var(--text-muted);cursor:pointer;transition:var(--transition);z-index:10;background:0 0;border:none;position:absolute;top:1.5rem;right:1.5rem}.modal-close:hover{color:#fff;transform:rotate(90deg)}.modal-title{margin-bottom:1rem;font-size:2rem}.modal-body{color:var(--text-muted);font-size:1rem;line-height:1.8}.content-image-wrapper{text-align:center;width:100%;margin:2.5rem 0}.content-image-wrapper.flex-row{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:1.5rem;display:flex}.flex-row .content-image{flex:1;min-width:250px;max-width:100%}.content-image{border:1px solid #ffffff1a;border-radius:8px;max-width:100%;box-shadow:0 10px 30px #00000080}.image-caption{color:#94a3b8;margin-top:.8rem;font-size:.85rem;font-style:italic}.k-search-container{background:#0a0a0f66;border:1px solid #ffffff0d;border-radius:12px;margin:1.5rem 0;padding:1.5rem}.k-search-input{color:#fff;background:#ffffff0d;border:1px solid #cca84233;border-radius:8px;outline:none;width:100%;margin-bottom:1.5rem;padding:1rem 1.5rem;font-family:inherit;font-size:1rem;transition:border-color .3s}.k-search-input:focus{background:#ffffff14;border-color:#cca842}.k-list-container{flex-wrap:wrap;gap:.6rem;max-height:250px;padding-right:.5rem;display:flex;overflow-y:auto}.k-list-container::-webkit-scrollbar{width:6px}.k-list-container::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.k-pill{color:#cca842;cursor:default;-webkit-user-select:none;user-select:none;background:#cca8421a;border:1px solid #cca84233;border-radius:50px;padding:.4rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s}.k-pill:hover{background:#cca84233;transform:translateY(-1px)}.modal-hero-img{object-fit:cover;border-radius:8px 8px 0 0;width:calc(100% + 6rem);height:250px;margin:-3rem -3rem 1.5rem}.gold-title-modal{color:#cca842;font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.1em;text-align:center;margin-top:1rem;margin-bottom:.5rem;font-size:2rem}.italic-subtitle{color:#e2e8f0;font-family:var(--font-heading);text-align:center;margin-bottom:1.5rem;font-size:1rem;font-style:italic}.modal-divider{opacity:.5;background-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"40\" height=\"12\" viewBox=\"0 0 40 12\"><path d=\"M0 12V4h5v4h10V4h5v4h10V4h5v8H0z\" fill=\"none\" stroke=\"%23334155\" stroke-width=\"1.5\"/></svg>");background-position:50%;background-repeat:repeat-x;width:100%;height:12px;margin:1.5rem 0}.gold-text-small{color:#cca842;text-align:center;margin-bottom:2rem;font-size:.95rem}.white-heading{color:#fff;font-family:var(--font-heading);text-align:center;text-transform:uppercase;margin-top:1.5rem;margin-bottom:1rem;font-size:1.2rem}.silver-list{color:#cbd5e1;text-align:center;font-size:.95rem;line-height:1.8;list-style:none}.silver-list li{margin-bottom:.3rem}.silver-list strong{color:#fff;font-weight:600}.table-responsive{background:#0000004d;border:1px solid #ffffff14;border-radius:12px;width:100%;margin-bottom:2rem;overflow-x:auto}.tutorial-table{border-collapse:collapse;color:#cbd5e1;text-align:left;width:100%;font-size:.95rem}.tutorial-table thead{background:#ffffff0d;border-bottom:2px solid #cca84233}.tutorial-table th{font-family:var(--font-heading);color:#cca842;text-transform:uppercase;letter-spacing:.05em;padding:1rem 1.5rem;font-weight:600}.tutorial-table td{transition:var(--transition);border-bottom:1px solid #ffffff0a;padding:1.2rem 1.5rem;line-height:1.4}.tutorial-table tbody tr:hover{background:#ffffff08}.tutorial-table tbody tr td:first-child{color:#fff;font-weight:600}.tutorial-table tbody tr:last-child td{border-bottom:none}.tutorials-layout{flex-direction:column;gap:1.5rem;width:100%;display:flex}.t-tabs-container{grid-template-columns:repeat(3,1fr);gap:1rem;width:100%;margin-bottom:1rem;display:grid}.t-category-btn{-webkit-backdrop-filter:blur(12px);color:#94a3b8;font-family:var(--font-heading);cursor:pointer;text-transform:uppercase;letter-spacing:.08em;text-align:center;background:linear-gradient(#1e1e2366,#0f0f1499);border:1px solid #ffffff0d;border-top-color:#ffffff1a;border-radius:12px;justify-content:center;align-items:center;min-height:80px;padding:1.2rem 1rem;font-size:.95rem;font-weight:600;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #0000001a}.t-category-btn:hover{color:#fff;background:linear-gradient(#28282d80,#141419b3);border-color:#fff3;transform:translateY(-2px)}.t-category-btn.active{color:#cca842;background:linear-gradient(#3c32144d,#1e140a80);border-color:#cca84266;box-shadow:0 0 30px #cca8420d,inset 0 0 20px #cca8420d}.t-category-btn.active:after{content:"";background:#cca842;border-radius:2px 2px 0 0;width:40%;height:2px;position:absolute;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -2px 10px #cca84280}.t-content{-webkit-backdrop-filter:blur(20px);background:linear-gradient(#14141999 0%,#0a0a0ccc 100%);border:1px solid #ffffff14;border-radius:20px;width:100%;padding:2.5rem;position:relative;box-shadow:0 20px 50px #00000080}.t-content:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:1px;position:absolute;top:0;left:0}.t-content-inner{opacity:0;animation:.5s cubic-bezier(.16,1,.3,1) forwards tabFadeIn;transform:translateY(15px)}@keyframes tabFadeIn{0%{opacity:0;transform:translateY(15px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}.t-content-header{text-align:center;border-bottom:2px solid #cca84226;margin-bottom:1.5rem;padding-bottom:1rem}.t-content-title{font-family:var(--font-heading);color:#fff;letter-spacing:.08em;text-transform:uppercase;-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 10px #ffffff0d);background:linear-gradient(#fff 0%,#a1a1aa 100%);-webkit-background-clip:text;background-clip:text;margin-bottom:.2rem;font-size:2rem}.t-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:1rem;display:grid}.t-card{cursor:pointer;background:linear-gradient(145deg,#23232899,#0f0f14cc);border:1px solid #ffffff0f;border-color:#ffffff26 #ffffff0f #ffffff0f #ffffff14;border-radius:12px;justify-content:center;align-items:center;padding:1.2rem;text-decoration:none;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 10px #00000026}.t-card:before{content:"";opacity:0;pointer-events:none;z-index:0;background:radial-gradient(circle,#cca84226 0%,#0000 60%);width:200%;height:200%;transition:opacity .4s;position:absolute;top:-50%;left:-50%}.t-card:hover{border-color:#cca84266;transform:translateY(-4px);box-shadow:0 10px 20px #0000004d,0 0 15px #cca8421a}.t-card:hover:before{opacity:1}.t-card span{font-family:var(--font-heading);color:#e2e8f0;transition:var(--transition);z-index:1;text-align:center;letter-spacing:.02em;width:100%;font-size:1.1rem;font-weight:500;position:relative}.t-card:hover span{color:#cca842;text-shadow:0 0 8px #cca8424d}.tutorials-ps{color:var(--text-muted);opacity:.6;text-align:center;margin-top:3rem;font-size:.78rem;font-style:italic}.tutorials-ps a{color:var(--text-muted);text-underline-offset:3px;transition:var(--transition);text-decoration:underline}.tutorials-ps a:hover{color:#fff;opacity:1}.site-footer{border-top:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#05050599;margin-top:4rem;padding:3rem 0}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.footer-logo{font-family:var(--font-heading);letter-spacing:.1em;text-transform:uppercase;color:#fff;font-size:1.3rem;font-weight:800}.footer-nav a{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);transition:var(--transition);font-size:.85rem;font-weight:500}.footer-nav a:hover{color:#fff}.footer-copy{color:var(--text-muted);font-size:.8rem}@media (width<=768px){.footer-inner{text-align:center;flex-direction:column;align-items:center}}.hero-actions{flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-top:2.5rem;display:flex}.btn{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.05em;transition:var(--transition);color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.8rem 1.8rem;font-size:1.1rem;font-weight:600;display:inline-flex}.btn:hover{background:#fff3;transform:translateY(-2px);box-shadow:0 10px 20px #0003}.btn-primary{color:#000;background:#fff;border-color:#fff}.btn-primary:hover{background:#e2e8f0;box-shadow:0 10px 20px #fff3}.btn-discord{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000080;border-color:#ffffff4d}.btn-discord:hover{background:#ffffff1a;border-color:#fff;box-shadow:0 10px 20px #ffffff26}.discord-nav-link{color:var(--text-muted)!important;font-weight:500!important}.discord-nav-link:hover{text-shadow:0 0 10px #ffffff80;color:#fff!important}.reveal{opacity:0;transition:all 1s cubic-bezier(.16,1,.3,1);transform:translateY(30px)}.reveal.visible{opacity:1;transform:translateY(0)}.hamburger{cursor:pointer;flex-direction:column;gap:6px;display:none}.hamburger span{width:28px;height:2px;transition:var(--transition);background:#fff;display:block}.site-footer{border-top:1px solid #ffffff0d;padding:4rem 0 2rem}.footer-inner{justify-content:space-between;align-items:center;padding-bottom:2rem;display:flex;position:relative}.footer-nav{gap:2rem;display:flex}.footer-copy{color:var(--text-muted);text-align:right;margin:0;font-size:.9rem}.secret-container{opacity:.35;transition:opacity .5s;position:absolute;bottom:-.5rem;right:0}.secret-container:hover{opacity:.6}.secret-link{letter-spacing:3px;color:#444;text-transform:uppercase;font-size:.5rem;font-family:var(--font-primary);cursor:default;text-decoration:none;transition:color .5s}.secret-link:hover{color:var(--gold);cursor:pointer}@media (width<=768px){.footer-inner{text-align:center;flex-direction:column;gap:1.5rem}.footer-copy{text-align:center;margin-top:1rem}.secret-container{text-align:center;margin-top:1rem;position:static}.modal-hero-img{width:calc(100% + 3rem);margin:-1.5rem -1.5rem 1.5rem}.t-content{padding:1.5rem}.tutorial-table th,.tutorial-table td{padding:.8rem .6rem;font-size:.85rem}.t-tabs-container{grid-template-columns:repeat(2,1fr);margin-bottom:0}.t-category-btn{min-height:80px;padding:1rem .5rem;font-size:.8rem}.nav-links{width:100%;height:100vh;transition:var(--transition);background:#000;flex-direction:column;justify-content:center;align-items:center;gap:2rem;margin-left:0;position:fixed;top:0;right:-100%}.nav-links.active{right:0}.mobile-only{display:block!important}.lang-dropdown#lang-dropdown{display:none}.hamburger{z-index:1001;display:flex}.hamburger.active span:first-child{transform:translateY(8px)rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:translateY(-8px)rotate(-45deg)}}[lang=ar]{font-family:var(--font-arabic), sans-serif}[lang=ar] .logo,[lang=ar] .footer-logo,[lang=ar] .hero-title,[lang=ar] .philosophy-title{font-family:var(--font-arabic), sans-serif;font-weight:700}[dir=rtl] .hero-content{text-align:right}[dir=rtl] .footer-copy{text-align:left}[dir=rtl] .secret-container{text-align:left;left:0;right:auto}[dir=rtl] .lang-menu{left:0;right:auto}[dir=rtl] .lang-item{text-align:right}[dir=rtl] .btn{letter-spacing:0}@media (width<=768px){[dir=rtl] .nav-links{left:-100%;right:auto}[dir=rtl] .nav-links.active{left:0}[dir=rtl] .footer-copy{text-align:center}}.global-reset-timer{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(5px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;flex-direction:column;align-items:center;min-width:120px;margin-right:1.5rem;padding:.5rem 1rem;transition:all .3s;display:flex}[dir=rtl] .global-reset-timer{margin-left:1.5rem;margin-right:0}.global-reset-timer:hover{background:#ffffff1a;border-color:#cca842;transform:translateY(-2px)}.timer-label{color:#cca842;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;font-size:.7rem;font-weight:500}.timer-countdown{font-family:inherit;font-size:.9rem;font-weight:600}.timezone-modal-content{flex-direction:column;width:95%;max-width:500px;max-height:80vh;padding:2.5rem;display:flex}.timezone-search-container{margin-bottom:1.5rem;position:relative}#tzSearch{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;outline:none;width:100%;padding:.8rem 1rem .8rem 2.8rem;font-size:1rem;transition:border-color .3s}#tzSearch:focus{border-color:#cca842}.search-icon{opacity:.5;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}[dir=rtl] .search-icon{left:auto;right:1rem}[dir=rtl] #tzSearch{padding:.8rem 2.8rem .8rem 1rem}.timezone-list{flex-grow:1;margin-right:-10px;padding-right:10px;overflow-y:auto}.timezone-list::-webkit-scrollbar{width:6px}.timezone-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.timezone-item{cursor:pointer;background:#ffffff05;border:1px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:6px;padding:.8rem 1.2rem;transition:all .2s;display:flex}.timezone-item:hover{background:#ffffff14;border-color:#ffffff1a}.timezone-item.active{background:#cca8421a;border:1px solid #cca8424d}.tz-country{font-size:.95rem;font-weight:500}.tz-time{color:#cca842;font-size:.85rem;font-weight:600}.loading-tz{text-align:center;opacity:.5;padding:3rem;font-style:italic}@media (width<=768px){.global-reset-timer{width:50%;margin-bottom:1rem;margin-right:0}}