:root{--main-gradient:linear-gradient(180deg,#4e0202,#c10000);--glass-bg:rgba(255,255,255,0.1);--glass-border:rgba(255,255,255,0.2);--shadow:0 8px 32px rgba(0,0,0,0.37);--blur:blur(10px);--radius:20px;--transition:0.3s ease-in-out;--purple:#6e0202;--yellow:#f6e05e;--white:#ffffff;--text-dark:#1a202c;--text-light:#4a5568}body{background:#f7fafc;margin:0;padding:0;color:var(--text-dark)}.class1-container{margin:auto;padding:40px 20px}.hero-section{position:relative;background:var(--main-gradient);color:var(--white);border-radius:var(--radius);overflow:hidden;padding:100px 20px 60px;text-align:center}.hero-glass{display:inline-block;background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);box-shadow:var(--shadow);border-radius:var(--radius);padding:40px 30px;max-width:800px;margin:auto}.hero-title{font-size:3rem;margin:0;text-shadow:0 0 20px rgba(255,255,255,.6)}.hero-title .highlight{color:var(--yellow)}.hero-subtitle{font-size:1.4rem;margin-top:12px}.hero-glass p{margin-top:18px;font-size:1rem;line-height:1.4}.wave-svg{position:absolute;bottom:0;left:0;width:100%}.packages-section{padding:60px 0}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.section-title{font-size:1.8rem;color:var(--text-dark);border-bottom:4px solid var(--purple);display:inline-block;padding-bottom:6px}.refresh-btn{background:none;border:none;cursor:pointer;font-size:1.5rem;transition:transform var(--transition);color:var(--purple)}.refresh-btn:hover{transform:rotate(180deg)}.packages-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:24px;gap:24px}.state-box{text-align:center;padding:60px 20px;font-size:1.1rem;color:var(--text-light);grid-column:1/-1}.package-card{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);box-shadow:var(--shadow);border-radius:var(--radius);transition:transform var(--transition),box-shadow var(--transition);overflow:hidden;display:flex;flex-direction:column}.package-card:hover{transform:scale(1.02);box-shadow:0 12px 40px rgba(0,0,0,.45)}.card-header{position:relative}.card-header img{width:100%;height:160px;object-fit:cover}.card-badge{top:12px;right:12px;background:rgba(255,255,255,.608)}.card-badge,.card-badge2{position:absolute;color:rgba(0,0,0,.821);padding:6px 14px;font-size:.8rem;border-radius:20px;font-weight:700;text-transform:uppercase}.card-badge2{top:180px;right:250px;background:rgba(255,230,0,.744)}.card-content{padding:20px;flex-grow:1}.card-content h3{margin:0 0 10px;font-size:1.4rem;color:rgb(0,9,180)}.card-content .description{font-size:1rem;color:black;margin-bottom:15px;line-height:1.4}.card-meta{font-size:.85rem;color:rgba(0,0,0,.855)}.card-actions{padding:20px;display:flex;gap:12px}.btn{flex:1 1;text-align:center;padding:12px;font-weight:700;font-size:.9rem;text-decoration:none;border-radius:30px;transition:background black,red}.btn-enter,.btn-subscribe2{background:linear-gradient(180deg,#4e0202,#c10000);color:var(--white)}.btn-preview{background:transparent;border:1px solid var(--purple);color:linear-gradient(180deg,#d400ff,#520650)}.btn:hover{opacity:.9}@media(max-width:768px){.hero-glass{padding:30px 20px}.hero-subtitle{font-size:1.2rem}.hero-glass{padding:40px 0}.hero-title{font-size:2rem;text-shadow:0 0 20px rgba(255,255,255,.6)}}@media(max-width:480px){.card-badge2{position:absolute;top:180px;right:210px;background:rgba(255,230,0,.744);color:rgba(0,0,0,.821);padding:6px 14px;font-size:.9rem;border-radius:20px;font-weight:700;height:30;width:90;text-transform:uppercase}}