html,body{overflow:hidden;padding:0;margin:0}canvas{position:fixed;top:0;left:0;width:100%;height:100%}.content{position:fixed;top:0;left:0;width:100%;height:100vh}img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:115%;width:auto;opacity:0}@media (min-aspect-ratio: 4/3){img{height:auto;width:100%}}@media (max-aspect-ratio: 3/5){img{left:30%}}.overlay{position:fixed;top:50%;left:30%;max-width:50%;transform:translate(-50%,-50%);font-family:sans-serif;font-size:10vh;font-weight:700;pointer-events:none;text-transform:uppercase}@media (max-aspect-ratio: 1/1){.overlay{left:50%;width:90%;max-width:90%}}@media (max-aspect-ratio: 3/5){.overlay{font-size:5vh}}.page-container[data-v-d5775ac4]{max-width:1200px;margin:0 auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:#f9f9f9;border-radius:8px;box-shadow:0 0 20px #0000000d}.page-title[data-v-d5775ac4]{text-align:center;color:#333;margin-bottom:30px;font-size:2.2rem;font-weight:600;position:relative;padding-bottom:15px}.page-title[data-v-d5775ac4]:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(90deg,#4caf50,#2196f3,#ff9800);border-radius:2px}.card-section[data-v-d5775ac4]{margin-bottom:40px;border-bottom:1px solid #eaeaea;padding-bottom:20px}.section-title[data-v-d5775ac4]{font-size:1.5rem;color:#444;margin-bottom:20px;padding-left:12px;border-left:5px solid #2196f3}.cards-grid[data-v-d5775ac4]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.language-grid[data-v-d5775ac4]{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}button[data-v-d5775ac4]{padding:10px 16px;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;width:100%;text-transform:uppercase;letter-spacing:.5px}.card[data-v-d5775ac4]{background-color:#fff;border-radius:12px;padding:18px;box-shadow:0 4px 10px #0000000d;transition:transform .3s,box-shadow .3s;display:flex;flex-direction:column;border-top:4px solid transparent;height:100%}.card[data-v-d5775ac4]:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}.explanation[data-v-d5775ac4]{margin-top:15px;font-size:14px;line-height:1.5;color:#555;flex-grow:1}.basic-card[data-v-d5775ac4]{border-top-color:#4caf50}.basic-card button[data-v-d5775ac4]{background-color:#4caf50}.basic-card button[data-v-d5775ac4]:hover{background-color:#45a049;box-shadow:0 4px 8px #4caf504d}.detail-card[data-v-d5775ac4]{border-top-color:#2196f3}.detail-card button[data-v-d5775ac4]{background-color:#2196f3}.detail-card button[data-v-d5775ac4]:hover{background-color:#0b7dda;box-shadow:0 4px 8px #2196f34d}.toggle-card[data-v-d5775ac4]{border-top-color:#ff9800}.toggle-card button[data-v-d5775ac4]{background-color:#ff9800}.toggle-card button[data-v-d5775ac4]:hover{background-color:#e68a00;box-shadow:0 4px 8px #ff98004d}.cookie-card[data-v-d5775ac4]{border-top-color:#9c27b0}.cookie-card button[data-v-d5775ac4]{background-color:#9c27b0}.cookie-card button[data-v-d5775ac4]:hover{background-color:#7b1fa2;box-shadow:0 4px 8px #9c27b04d}.language-card[data-v-d5775ac4]{border-top-color:#00bcd4}.language-card button[data-v-d5775ac4]{background-color:#00bcd4}.language-card button[data-v-d5775ac4]:hover{background-color:#00a5bb;box-shadow:0 4px 8px #00bcd44d}@media (max-width: 768px){.cards-grid[data-v-d5775ac4]{grid-template-columns:1fr}.card[data-v-d5775ac4]{padding:15px}.page-title[data-v-d5775ac4]{font-size:1.8rem}.section-title[data-v-d5775ac4]{font-size:1.3rem}}