@tailwind base;@tailwind components;@tailwind utilities;:root{font-family:Tajawal,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#1e293b;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0}html{scroll-behavior:smooth}.text-gradient{background:linear-gradient(135deg,#2b9aff,#002a5c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.bg-gradient{background:linear-gradient(135deg,#2b9aff,#002a5c)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#2b9aff,#002a5c);border-radius:5px}a{transition:color .3s}a:hover{color:#2b9aff!important}button{font-family:Tajawal,sans-serif}::selection{background-color:#002a5c;color:#fff}*:focus-visible{outline:2px solid #002a5c;outline-offset:2px}.glass-card{background:#ffffffb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.about-cards{position:relative;width:100%;aspect-ratio:4/3;perspective:1000px;transition:transform .3s ease-out}.about-card{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:24px;box-shadow:0 10px 30px -5px #0003;transition:all .6s cubic-bezier(.23,1,.32,1);transform-origin:center bottom}.about-card:nth-child(1){z-index:3;transform:rotate(-3deg)}.about-card:nth-child(2){z-index:2;transform:rotate(2deg) scale(.98)}.about-card:nth-child(3){z-index:1;transform:rotate(6deg) scale(.96)}@media(min-width:768px){.about-cards{cursor:pointer}.about-cards:hover .about-card:nth-child(1){transform:translate(-50%) rotate(-15deg) scale(.85);z-index:4}.about-cards:hover .about-card:nth-child(2){transform:translateY(-15%) scale(.95);z-index:5}.about-cards:hover .about-card:nth-child(3){transform:translate(50%) rotate(15deg) scale(.85);z-index:4}.about-card:hover{z-index:10!important;transform:scale(1.05) rotate(0)!important;box-shadow:0 20px 40px #0000004d}}@media(max-width:767px){.about-cards{touch-action:pan-y}}