body {
      font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
      background: linear-gradient(135deg, #ecfdf5 0%, #f0fdfa 50%, #fff7ed 100%);
      min-height: 100vh;
    }
    .arabic-font { font-family: 'Amiri', serif; direction: rtl; }
    
    .glass-card {
      background: rgba(255, 255, 255, 0.95);
      backdrop-filter: blur(12px);
      border: 1px solid rgba(255, 255, 255, 0.6);
      box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
    }
    
    @keyframes float {
      0%, 100% { transform: translateY(0px); }
      50% { transform: translateY(-10px); }
    }
    .float-animation { animation: float 6s ease-in-out infinite; }
    
    .custom-input {
      transition: all 0.3s ease;
      border: 1px solid #e5e7eb;
    }
    .custom-input:focus {
      outline: none;
      border-color: #10b981;
      box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.1);
      transform: translateY(-1px);
    }
    
    @keyframes fadeIn {
      from { opacity: 0; transform: translateY(20px); }
      to { opacity: 1; transform: translateY(0); }
    }
    .animate-fade-in { animation: fadeIn 0.5s ease-out forwards; }
    
    input[type=number]::-webkit-inner-spin-button, 
    input[type=number]::-webkit-outer-spin-button { 
      -webkit-appearance: none; margin: 0; 
    }
    input[type=number] { -moz-appearance: textfield; }
    
    .progress-bar { transition: width 0.7s cubic-bezier(0.4, 0, 0.2, 1); }
    
    @media print {
      @page { margin: 10mm; }
      body { background: white !important; }
      .no-print { display: none !important; }
      #results { display: block !important; page-break-before: always; }
    }