.index-container{max-width:1200px;width:100%;background:#fff;border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.3);padding:40px;margin:20px auto}.index-title{color:#333;font-size:2.5em;margin-bottom:40px;text-align:center;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.index-hero{display:grid;grid-template-columns:2fr 1fr;gap:40px;align-items:center}.hero-image{width:100%}.main-image{width:100%;height:auto;border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,.2)}.hero-qr{display:flex;justify-content:center;align-items:center}.qr-section{display:flex;flex-direction:column;align-items:center;gap:20px;padding:30px;background:linear-gradient(135deg,#f8f9fa 0,#e9ecef 100%);border-radius:20px;box-shadow:0 5px 20px rgba(0,0,0,.1);text-align:center}@media (min-width:769px){.qr-pc-only{display:flex!important}.qr-codes-mobile{display:none!important}}.qr-code{width:200px;height:200px;border-radius:15px;box-shadow:0 8px 20px rgba(0,0,0,.15);transition:transform .3s ease}.qr-code:hover{transform:scale(1.05)}.qr-text{color:#333;font-size:1.1em;margin:0;font-weight:500}@media (max-width:768px){.index-container{padding:15px;margin:10px auto}.index-title{font-size:1.5em;margin-bottom:20px;line-height:1.3}.index-hero{grid-template-columns:1fr;gap:20px}.hero-qr{order:1;width:100%}.hero-image{order:-1}.qr-pc-only{display:none!important}.qr-codes-mobile{display:grid!important;grid-template-columns:1fr 1fr;gap:10px;width:100%;margin-bottom:20px}.qr-section{padding:15px 10px;gap:10px}.qr-code{width:100%;max-width:140px;height:auto;aspect-ratio:1}.qr-text{font-size:.85em;line-height:1.4;word-break:break-word}.hero-image{width:100%}.main-image{width:100%;border-radius:10px}}