:root{--color-primary:#5e35b1;--color-secondary:#7e57c2;--color-accent-pink:#f06292;--color-accent-yellow:#ffb300;--color-accent-green:#66bb6a;--color-text-dark:#333;--color-text-medium:#666;--color-text-light:#777;--color-background-light:#f8f8f8;--color-background-hero:#f3e5f5;--color-white:#fff}*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Poppins',sans-serif;line-height:1.6;color:var(--color-text-dark);background-color:var(--color-background-light)}.container{width:90%;max-width:1200px;margin:0 auto;padding:0 20px}header{background-color:var(--color-white);padding:15px 0;box-shadow:0 2px 4px rgba(0,0,0,0.05)}.header-content{display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:700;color:var(--color-primary);display:flex;align-items:center}.logo img{width:200px;margin-right:8px}.logo i{color:var(--color-accent-pink);margin-right:8px}.subtitle{font-size:0.8rem;font-weight:400;color:var(--color-text-light);margin-left:10px;border-left:1px solid #ccc;padding-left:10px}.btn-login{text-decoration:none;color:var(--color-primary);font-weight:600;padding:8px 15px;border:2px solid var(--color-primary);border-radius:5px;transition:background-color 0.3s,color 0.3s}.btn-login:hover{background-color:var(--color-primary);color:var(--color-white)}.btn{display:inline-block;padding:12px 25px;border-radius:30px;text-decoration:none;font-weight:600;transition:transform 0.2s,box-shadow 0.2s;text-align:center}.btn i{margin-right:8px}.btn-primary{background-color:var(--color-secondary);color:var(--color-white);box-shadow:0 4px 6px rgba(126,87,194,0.4)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 8px rgba(126,87,194,0.6)}.btn-secondary{background-color:var(--color-accent-pink);color:var(--color-white);box-shadow:0 4px 6px rgba(240,98,146,0.4)}.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 6px 8px rgba(240,98,146,0.6)}.hero{text-align:center;padding:80px 0;background:linear-gradient(180deg,var(--color-background-light)0%,var(--color-background-hero)100%)}.hero h1{font-size:3rem;font-weight:700;margin-bottom:20px;background:linear-gradient(90deg,var(--color-secondary),var(--color-accent-pink),var(--color-accent-yellow));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.hero p{font-size:1.1rem;color:#555;margin-bottom:40px;max-width:700px;margin-left:auto;margin-right:auto}.hero-buttons a{margin:0 10px}section{padding:60px 0;text-align:center}section h2{font-size:2rem;font-weight:600;margin-bottom:50px;color:var(--color-primary)}.features{background-color:var(--color-white)}.feature-cards{display:flex;justify-content:space-around;gap:30px;flex-wrap:wrap}.feature-cards .card{background-color:var(--color-white);padding:30px;border-radius:15px;box-shadow:0 10px 20px rgba(0,0,0,0.05);max-width:300px;text-align:left;border-top:5px solid;transition:transform 0.3s}.feature-cards .card:hover{transform:translateY(-5px)}.feature-cards .card:nth-child(1){border-color:var(--color-accent-pink)}.feature-cards .card:nth-child(2){border-color:var(--color-secondary)}.feature-cards .card:nth-child(3){border-color:var(--color-accent-green)}.feature-cards .card i{font-size:2.5rem;margin-bottom:15px}.icon-pink{color:var(--color-accent-pink)}.icon-purple{color:var(--color-secondary)}.icon-green{color:var(--color-accent-green)}.feature-cards .card h3{font-size:1.25rem;font-weight:600;margin-bottom:10px;color:var(--color-text-dark)}.feature-cards .card p{color:var(--color-text-medium)}.events{background-color:var(--color-background-hero)}.event-cards{display:flex;justify-content:center;gap:40px;flex-wrap:wrap}.event-card{background-color:var(--color-white);padding:30px;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,0.1);width:250px;transition:background-color 0.3s}.event-card:hover{background-color:#fff3e0}.event-card i{font-size:3rem;color:var(--color-accent-yellow);margin-bottom:15px}.event-card h3{font-size:1.5rem;font-weight:600;color:var(--color-text-dark);}.system-features{background-color:var(--color-white)}.feature-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;text-align:left}.feature-item{padding:20px;border:1px solid #eee;border-radius:10px;transition:border-color 0.3s}.feature-item:hover{border-color:var(--color-secondary)}.feature-item i{font-size:2rem;color:var(--color-primary);margin-bottom:10px}.feature-item h3{font-size:1.2rem;font-weight:600;margin-bottom:5px;color:var(--color-text-dark)}.feature-item p{color:var(--color-text-medium);font-size:0.95rem}.cta{background-color:var(--color-primary);color:var(--color-white);padding:80px 0}.cta h2{color:var(--color-white);margin-bottom:20px}.cta p{font-size:1.1rem;margin-bottom:40px}.cta-buttons a{margin:0 15px}footer{background-color:#333;color:var(--color-white);padding:20px 0;text-align:center;font-size:0.9rem}@media(max-width:768px){.header-content{flex-direction:column;gap:15px}.subtitle{display:none}.hero h1{font-size:2.2rem}.hero-buttons{display:flex;flex-direction:column;gap:15px}.hero-buttons a{margin:0}.feature-cards{flex-direction:column;align-items:center}.feature-cards .card{max-width:100%}.event-cards{flex-direction:column;align-items:center}.cta-buttons{display:flex;flex-direction:column;gap:15px}.cta-buttons a{margin:0}}
.event-cards{display:flex;justify-content:center;gap:40px;flex-wrap:wrap}.event-card{position:relative;width:350px;height:250px;border-radius:10px;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,0.3);transition:transform 0.3s}.event-card:hover{transform:scale(1.05)}.event-card img{width:100%;height:100%;object-fit:cover;display:block}.event-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,0.7));color:var(--color-white);padding:20px;text-align:left}.event-overlay h3{font-size:1.5rem;color:var(--color-white);font-weight:300;padding:10px 10px}.system-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;text-align:left}.system-text{padding-right:20px}.system-text h2{text-align:left;margin-bottom:30px}.system-image img{width:100%;height:auto;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,0.1)}.feature-list{display:flex;flex-direction:column;gap:20px}.feature-item{display:flex;align-items:flex-start;gap:15px;padding:0;border:none}.feature-item i{font-size:1.5rem;color:var(--color-accent-green);margin-top:5px}.feature-item h3{font-size:1.1rem;margin-bottom:0}.feature-item p{font-size:0.9rem}@media(max-width:768px){.system-grid{grid-template-columns:1fr}.system-text{padding-right:0}.system-text h2{text-align:center}.event-card{width:100%;max-width:350px;height:250px;margin-bottom:20px}}