@tailwind base;@tailwind components;@tailwind utilities;#top{color:#feffff}body{color:#2a3439;background-color:#00a8970c}.hero-sky{background:linear-gradient(#00416a 0% 40%,#00416a 70%,#2d6a9f 100%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.star{opacity:.1;background:#fff;border-radius:9999px;animation:5s ease-in-out infinite twinkle;position:absolute}.lang-ps p,.lang-ps h1,.lang-ps h2,.lang-ps h3,.lang-ps span,.lang-ps a{font-family:Noto Sans Arabic,Vazirmatn,Arial,sans-serif}@keyframes twinkle{0%,to{opacity:.15;transform:scale(.8)}50%{opacity:.8;transform:scale(1.1)}}.titleofthe-page{line-height:80px}.moon{background:radial-gradient(circle at 35% 30%,#f6f8fc 0%,#e3e9f3 40%,#c9d4e6 75%,#b7c4db 100%);border-radius:9999px;width:clamp(90px,12vw,150px);height:clamp(90px,12vw,150px);animation:10s ease-in-out infinite moonGlow;position:absolute;top:18%;right:12%;box-shadow:0 0 70px 22px #e6ecf824,0 0 130px 46px #e6ecf812}@keyframes moonGlow{0%,to{box-shadow:0 0 70px 22px #fefeffd7,0 0 130px 46px #e6ecf80f}50%{box-shadow:0 0 84px 28px #e6ecf82e,0 0 150px 56px #e6ecf817}}.cloud-layer{will-change:transform;filter:blur(.4px);align-items:flex-end;width:220%;display:flex;position:absolute;left:0}.cloud-layer svg{flex-shrink:0}.cloud-layer svg path{fill:#fff}.cloud-back{opacity:.3;animation:90s linear infinite driftLeft;bottom:-2%}.cloud-mid{opacity:.4;animation:60s linear infinite driftLeft;bottom:-6%}.cloud-front{opacity:.6;animation:38s linear infinite driftLeft;bottom:-12%}@keyframes driftLeft{0%{transform:translate(0)}to{transform:translate(-50%)}}[dir=rtl] .cloud-back,[dir=rtl] .cloud-mid,[dir=rtl] .cloud-front{animation-direction:reverse}.scroll-down{opacity:.4;z-index:2;color:#eef1f6;font-size:1.6rem;animation:2s infinite bounce;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}@keyframes bounce{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(6px)}}.keycap{color:#8592ac;background:#ffffff08;border:1px solid #ffffff1a;border-radius:.4rem;justify-content:center;align-items:center;font-family:JetBrains Mono,monospace;display:flex;position:relative}.keycap.lit{color:#eeebe6;border-color:(201,161,94,.45);background:#ffb035}.keycap.blik{color:#0000009d;background:#018d8d3d;animation:1s infinite blink}.fade-up{animation:.8s both fadeUp}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.lang-dropdown{transform-origin:100% 0}[dir=rtl] .lang-dropdown{transform-origin:0 0}::selection{color:#0b1a33;background:#e8b84b}.font-display{font-family:Sora,sans-serif}.tech-card{transition:all .3s}.tech-card:hover{border-color:#c9a15e66;transform:translateY(-4px)}.comparison-grid{grid-template-columns:1fr 1fr;gap:2rem;display:grid}@media (width<=768px){.comparison-grid{grid-template-columns:1fr;gap:1.5rem}}.contact-section{background:#fdf4c7;position:relative;overflow:hidden}.contact-section:before{content:"";pointer-events:none;background:radial-gradient(circle at 20%,#c9a15e0f 0%,#0000 60%);position:absolute;inset:0}.contact-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffc;border:1px solid #ffffff0f;transition:all .3s}.contact-card:hover{background:#ebf4ff85;border-color:#c9a15e80;transform:translateY(-2px)}.contact-input{color:#313338;background:#fff9;border:1px solid #8684844d;border-radius:12px;width:100%;padding:.75rem 1rem;font-size:.95rem;transition:all .3s}.contact-input:focus{background:#ffffff80;border-color:#c9a15e99;outline:none;box-shadow:0 0 0 4px #c9a15e14}.contact-input::placeholder{color:#5d7fa3}.contact-submit{color:#0a1424;cursor:pointer;background:linear-gradient(135deg,#c9a15e,#ddbd87);border:none;border-radius:9999px;width:100%;padding:.85rem 2rem;font-size:1rem;font-weight:700;transition:all .3s}.contact-submit:hover{transform:scale(1.02);box-shadow:0 8px 30px #c9a15e40}.contact-icon-box{color:#c9a15e;background:#c9a15e1a;border:1px solid #c9a15e26;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex}.social-link{color:#fffb;background:#ffffff08;border:1px solid #d0dee070;border-radius:9999px;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s;display:inline-flex}.social-link:hover{color:#c9a15e;background:#c9a15e14;border-color:#c9a15e;transform:translateY(-2px)}.loader{justify-content:center;align-items:center;display:flex}.container{overflow:visible}.track,.car{fill:none;stroke-width:2.5px}.track{stroke:#d0d0d0}.car{stroke:#4f8cff;stroke-linecap:round;stroke-dasharray:25 75;animation:2s linear infinite borderMove}.keys rect{fill:#666;animation:1.2s infinite typing}.keys rect:nth-child(2n){animation-delay:.15s}.keys rect:nth-child(3n){animation-delay:.3s}.keys rect:nth-child(4n){animation-delay:.45s}@keyframes borderMove{0%{stroke-dashoffset:100px}to{stroke-dashoffset:0}}@keyframes typing{0%,to{opacity:.35}50%{opacity:1}}.firsttechniques-page{background:linear-gradient(135deg,#eed7c5 0%,#fff1e6 50%,#f5f5f5 100%);border-radius:8px;line-height:2.5rem}.moon-img{pointer-events:none;-webkit-user-select:none;user-select:none;z-index:1;filter:drop-shadow(0 0 40px #e4e4e37c);width:350px;height:auto;animation:7s ease-in-out infinite moonFloat;position:absolute;top:15%;left:0}@keyframes moonFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media (width<=640px){.moon-img{width:180px;top:10%;left:1.5rem}}.cloud-img{object-fit:cover;object-position:bottom;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%}.figures{--hairline-plate:#fff;--hairline-hi:#232327;--hairline-edge:#a4a4ac;--hairline-mid:#c3c3c9;--hairline-lo:#e0e0e4;--hairline-stroke:.9}