*{box-sizing:border-box}body{color:#333;margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}:root{--primary-color:#4a6bdf;--secondary-color:#764ba2;--text-color:#333;--light-text:#fff;--background-color:#f8f9fa;--card-bg:#fff;--shadow:0 4px 6px #0000001a;--transition:all .3s ease}body{color:var(--text-color);background-color:var(--background-color);flex-direction:column;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;display:flex}.container{width:90%;max-width:1280px;margin:0 auto;padding:0 15px}header{background:linear-gradient(135deg,var(--primary-color)0%,var(--secondary-color)100%);box-shadow:var(--shadow);color:var(--light-text);padding:1.5rem 0}header .container{flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}header h1{margin:0;font-size:1.8rem;font-weight:600}nav{gap:1.5rem;display:flex}.nav-link{color:var(--light-text);transition:var(--transition);background-color:#ffffff1a;border-radius:30px;align-items:center;gap:.5rem;padding:.6rem 1.2rem;text-decoration:none;display:flex}.nav-link:hover{background-color:#fff3;transform:translateY(-2px)}.icon{font-size:1.2rem}main{flex:1;padding:3rem 0}.hero{text-align:center;margin-bottom:3rem}.hero h2{color:var(--primary-color);margin-bottom:1rem;font-size:2.5rem}.hero p{color:#666;max-width:700px;margin:0 auto;font-size:1.2rem}.cards{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.card{background-color:var(--card-bg);box-shadow:var(--shadow);text-align:center;transition:var(--transition);perspective:1000px;border-radius:10px;height:400px;padding:2rem;position:relative}.card-front,.card-back{backface-visibility:hidden;background-color:var(--card-bg);cursor:pointer;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:2rem;transition:transform .6s;display:flex;position:absolute;top:0;left:0}.card-back,.card.flipped .card-front{transform:rotateY(180deg)}.card.flipped .card-back{transform:rotateY(0)}.card-icon{font-size:3rem}.card h3{color:var(--primary-color);margin-bottom:1rem;font-size:1.5rem}.card p{color:#666;margin-bottom:1rem}.qr-btn,.back-btn{background-color:var(--primary-color);color:#fff;cursor:pointer;transition:var(--transition);border:none;border-radius:20px;margin-top:1rem;padding:.5rem 1rem}.qr-btn:hover,.back-btn:hover{background-color:var(--secondary-color);transform:translateY(-2px)}.qr-container{justify-content:center;align-items:center;width:150px;height:150px;margin-bottom:1rem;display:flex}footer{color:var(--light-text);text-align:center;background-color:#333;margin-top:auto;padding:1.5rem 0}@media (max-width:768px){header .container{text-align:center;flex-direction:column}header h1{margin-bottom:1rem}.hero h2{font-size:2rem}}