.hero{text-align:center;padding:var(--my-padding) calc(var(--my-padding) / 2);background:#fff;box-shadow:0 4px 8px #0000001a;border-radius:20px;margin-bottom:var(--my-padding)}.hero p{text-align:center}#logo{max-width:200px;max-height:200px;color:var(--color-primary)}.images-container{display:flex;justify-content:space-between;flex-wrap:wrap;margin-bottom:var(--my-padding)}.images{position:relative;width:calc(50% - (var(--my-padding) / 2));aspect-ratio:720 / 240;border:none;box-shadow:0 4px 8px #0000001a;border-radius:10px}.images img{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;border:none;box-shadow:0 4px 8px #0000001a;border-radius:10px;animation:fade 16s infinite;-webkit-animation-name:fade;-webkit-animation-iteration-count:infinite;-webkit-animation-duration:16s}@-webkit-keyframes fade{0%{opacity:0}20%{opacity:1}33%{opacity:1}53%{opacity:0}to{opacity:0}}@keyframes fade{0%{opacity:0}20%{opacity:1}33%{opacity:1}53%{opacity:0}to{opacity:0}}.images img:nth-child(1){animation-delay:0s}.images img:nth-child(2){animation-delay:-4s}.images img:nth-child(3){animation-delay:-8s}.images img:nth-child(4){animation-delay:-12s}.desktop{display:block}.mobile{display:none}@media (max-width: 768px){.images{width:100%}.desktop{display:none}.mobile{display:block}}.history{background:#fff;padding:calc(var(--my-padding) / 2) var(--my-padding) var(--my-padding) var(--my-padding);margin-bottom:var(--my-padding);border-radius:20px;box-shadow:0 4px 8px #0000001a}li{padding:calc(var(--my-padding) / 10) 0}.links{margin-bottom:var(--my-padding)}.links a{display:block}.link-item{display:flex;align-items:center;background:#fff;margin-bottom:20px;padding:15px;box-shadow:0 4px 8px #0000001a;border-radius:10px;transition:transform .3s ease}.link-item:hover{transform:translateY(-5px)}.link-item img{width:100px;height:100px;border-radius:10px;margin-right:20px;object-fit:cover}.link-info{flex-grow:1}.link-info h4{margin:0;font-size:1.4em;color:#333;white-space:wrap}.link-info span.link-uri{display:block;margin:5px 0;color:var(--color-primary);text-decoration:none;font-size:1.1em;transition:color .3s ease;word-break:break-all}.link-info span.link-uri:hover{color:var(--color-primary-light)}.link-info p{margin:0;font-size:1em;color:#666}@media (max-width: 768px){.link-item{flex-direction:column;align-items:flex-start;padding:0}.link-info{padding:15px;overflow:hidden}.link-item img{margin:0;width:100%;border-radius:10px 10px 0 0}}.tips{display:flex;flex-wrap:wrap;gap:16px;margin-top:-24px}@media (max-width: 768px){.tips{margin-top:0}}.tip{cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center}.tip-icon{font-size:3em;padding:0 0 8px}.tip-amount{font-size:1.5em;padding:0 0 8px}input{padding:8px;margin:2px;border-radius:8px;font-size:1.5em;max-width:80px}.form-btn{background-color:#51a351;color:#fff;padding:8px;border-radius:8px;margin:8px 8px 8px 0}.form-btn:hover{color:#fff;background:#468f46}.input-group{display:flex;align-items:center;gap:8px}:root{--my-padding: 40px;--color-primary: #16a085;--color-primary-light: #1abc9c;word-break:break-word}body{font-family:sans-serif;margin:0;padding:0;background-color:#f4f4f9;color:#333}h1{font-size:.9em}h2{font-size:2.5em;margin-bottom:20px}h3{font-size:2em;margin-bottom:calc(var(--my-padding) / 2)}h4{font-size:1.25em}p{font-size:1.2em;color:#666;line-height:1.6em;text-align:justify}li{color:#666}a{text-decoration:none;color:var(--color-primary)}a:hover{color:var(--color-primary-light)}button{background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit;text-decoration:none;color:var(--color-primary)}button:hover{color:var(--color-primary-light)}header{background:linear-gradient(135deg,var(--color-primary-light),var(--color-primary));color:#fff;padding:20px 0;box-shadow:0 4px 8px #0000001a}.header-container{width:80%;padding:0;margin:auto;font-size:1.2em}.header-container h1{text-align:center;margin:0}.container{width:80%;margin:var(--my-padding) auto;padding:0}.card{background:#fff;padding:calc(var(--my-padding) / 2);margin-bottom:var(--my-padding);border-radius:20px;box-shadow:0 4px 8px #0000001a}@media (max-width: 768px){:root{--my-padding: 20px}.container{width:90%;margin:0 auto;padding:calc(var(--my-padding) / 2) 0}}footer{background:#333;text-align:center;padding:calc(var(--my-padding) / 2);display:flex;justify-content:center;gap:var(--my-padding)}footer p{text-align:center}.category{display:block}.trick-list{display:flex;flex-wrap:wrap;gap:12px}.trick-card{display:flex;flex-direction:column;align-items:flex-start;background:#fff;margin-bottom:20px;padding:15px;box-shadow:0 4px 8px #0000001a;border-radius:10px;transition:transform .3s ease}.trick-card ul{display:flex;justify-content:flex-start;align-items:flex-start;list-style-type:none;margin:12px 0 0;padding:0}.trick-card ul li{padding:4px}.tags{display:flex;flex-wrap:wrap}.tag{display:block;margin:4px;padding:4px 8px;border-radius:10px;background-color:#eee}textarea{width:1200px;height:600px}.videos ul{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;list-style-type:none;margin:12px 0 0;padding:0}.videos li{padding:12px}.active{font-weight:700;color:#666}.video-container{padding:calc(var(--my-padding) / 2)}.video{position:relative;padding-bottom:56.25%;padding-top:25px;height:0}.video iframe{position:absolute;top:0;left:0;width:100%;height:100%}