.package-card{border-radius:var(--radius-xl,1rem);transition:all var(--transition-base,.2s);box-shadow:var(--shadow-md,0 4px 6px -1px #0000001a);background:#fff;border:1px solid #0000000d;text-decoration:none;display:block;overflow:hidden}.package-card:hover{box-shadow:var(--shadow-xl,0 20px 25px -5px #0000001a);border-color:var(--color-primary-light,#93c5fd);transform:translateY(-8px)}.package-image-container{width:100%;height:200px;position:relative;overflow:hidden}.package-lang-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;z-index:2;background:#0009;border:1px solid #fff3;border-radius:4px;padding:4px 8px;font-size:.75rem;font-weight:600;position:absolute;top:12px;left:12px}.package-image{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow,.5s)}.package-card:hover .package-image{transform:scale(1.05)}.package-lock-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a99;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.lock-icon{color:#fff;filter:drop-shadow(0 0 10px #0000004d)}.package-unlocked-badge{top:var(--spacing-md,1rem);right:var(--spacing-md,1rem);align-items:center;gap:var(--spacing-xs,.5rem);padding:var(--spacing-xs,.5rem)var(--spacing-sm,.75rem);background:var(--color-success,#22c55e);border-radius:var(--radius-full,9999px);color:#fff;font-size:var(--font-size-xs,.75rem);box-shadow:var(--shadow-md,0 4px 6px -1px #0000001a);font-weight:600;display:flex;position:absolute}.package-content{padding:var(--spacing-lg,1.5rem)}.package-title{font-size:var(--font-size-xl,1.25rem);margin-bottom:var(--spacing-sm,.75rem);color:var(--color-text,#0f172a);font-weight:700}.package-description{font-size:var(--font-size-sm,.875rem);color:var(--color-text-secondary,#475569);margin-bottom:var(--spacing-lg,1.5rem);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;line-height:1.5;display:-webkit-box;overflow:hidden}.package-meta{gap:var(--spacing-lg,1.5rem);flex-wrap:wrap;display:flex}.package-meta-item{align-items:center;gap:var(--spacing-xs,.5rem);font-size:var(--font-size-sm,.875rem);color:var(--color-text-muted,#64748b);display:flex}.package-meta-item svg{color:var(--color-primary,#3b82f6)}
.package-grid{gap:var(--spacing-xl,2rem);padding:var(--spacing-2xl,2rem)0;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}@media (max-width:768px){.package-grid{gap:var(--spacing-lg,1.5rem);padding:var(--spacing-lg,1.5rem)0;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:480px){.package-grid{gap:var(--spacing-md,1rem);grid-template-columns:1fr}}
.search-bar-container{width:100%;max-width:600px;margin:0 auto}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-icon{left:var(--spacing-md,1rem);color:var(--color-text-muted,#64748b);pointer-events:none;position:absolute}.search-input{width:100%;padding:var(--spacing-md,1rem)var(--spacing-md,1rem)var(--spacing-md,1rem)var(--spacing-3xl,3rem);font-size:var(--font-size-base,1rem);border-radius:var(--radius-full,9999px);color:var(--color-text,#0f172a);box-shadow:var(--shadow-lg,0 10px 15px -3px #0000001a);transition:all var(--transition-base,.2s ease);background:#fff;border:2px solid #0000000d}.search-input:focus{border-color:var(--color-primary,#3b82f6);box-shadow:var(--shadow-blue,0 0 0 3px #3b82f680);outline:none}.search-input::placeholder{color:var(--color-text-muted,#64748b)}
.home-page{padding-bottom:120px}.hero-section{padding:var(--spacing-3xl)0;text-align:center;background:linear-gradient(#f8fafc 0%,#fff 100%)}.hero-content{max-width:800px;margin:0 auto}.hero-title{font-size:var(--font-size-5xl);margin-bottom:var(--spacing-md);color:var(--color-text);font-weight:800;line-height:1.1}.hero-subtitle{font-size:var(--font-size-xl);color:var(--color-text-secondary);margin-bottom:var(--spacing-2xl)}@media (max-width:768px){.hero-title{font-size:var(--font-size-3xl)}.hero-subtitle{font-size:var(--font-size-lg)}}