.App{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding-top:var(--app-header-offset);padding-bottom:0}@media (max-width:768px){.main-content{padding-bottom:calc(80px + env(safe-area-inset-bottom, 0px))}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Tajawal,Segoe UI,sans-serif;line-height:1.6;color:#000;background-color:#fff}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.btn-primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;text-align:center}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(37,99,235,.3)}.btn-secondary{background:transparent;color:#2563eb;padding:.75rem 1.5rem;border:2px solid #2563eb;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;text-align:center}.btn-secondary:hover{background:#2563eb;color:#fff;transform:translateY(-2px)}.card{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);transition:all .3s ease}.card:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px rgba(0,0,0,.1)}@media (max-width:768px){.container{padding:0 .5rem}}