:root{--color-bg:#030504;--color-panel:#0a110e;--color-gold:#d4af37;--color-gold-dim:#b8932c;--color-gold-glow:#d4af374d;--color-text-pri:#f4f1ea;--color-text-sec:#9fa8a2;--font-header:"Playfair Display", "Noto Serif TC", serif;--font-body:"Inter", sans-serif;--nav-height:80px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--color-bg);color:var(--color-text-pri);font-family:var(--font-body);width:100%;line-height:1.6;overflow-x:hidden}.navbar{width:100%;height:var(--nav-height);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:1000;background:#030504f2;border-bottom:1px solid #d4af3733;justify-content:space-between;align-items:center;padding:0 50px;display:flex;position:fixed;top:0}.nav-logo{font-family:var(--font-header);color:var(--color-gold);letter-spacing:.15em;text-shadow:0 2px 4px #00000080;font-weight:900}.nav-links{gap:2.5rem;display:flex}.lang-switcher{background:#ffffff0d;border:1px solid #d4af3733;border-radius:20px;gap:.5rem;padding:4px;display:flex}.lang-btn{color:#fff;cursor:pointer;opacity:.5;background:0 0;border:none;border-radius:15px;padding:4px 12px;font-family:Cinzel,serif;font-size:.8rem;transition:all .3s}.lang-btn:hover{opacity:1}.lang-btn.active{background:var(--accent);color:#000;opacity:1;font-weight:700}.nav-links a{color:var(--color-gold);letter-spacing:.1em;background:#d4af370d;border:1px solid #d4af374d;border-radius:50px;padding:8px 24px;font-size:.85rem;text-decoration:none;transition:all .3s}.nav-links a:hover{background:var(--color-gold);color:var(--color-bg);box-shadow:0 0 15px var(--color-gold-glow)}.hero{text-align:center;justify-content:center;align-items:center;height:100vh;display:flex;position:relative}.hero-overlay{background:linear-gradient(to bottom, #03050466, var(--color-bg));width:100%;height:100%;position:absolute;top:0;left:0}.hero-content{z-index:10;position:relative}.glint-text{font-family:var(--font-header);letter-spacing:.15em;color:#fff;text-shadow:1px 1px #8a6d1a,2px 2px #a68523,3px 3px #b38f26,4px 4px #bf9929,5px 5px #cca32b,6px 6px #d4af37,10px 10px 30px #000c;background:linear-gradient(90deg,#cfb53b 0%,#fff9e3 20%,#d4af37 40%,#f4f1ea 50%,#d4af37 60%,#fff9e3 80%,#cfb53b 100%) 0 0/200%;-webkit-text-fill-color:transparent;filter:url(#metallic-bevel);-webkit-background-clip:text;background-clip:text;margin-bottom:.2em;font-size:clamp(3rem,12vw,6.5rem);font-weight:950;line-height:1.1;animation:4s ease-in-out infinite shine;position:relative}@keyframes shine{to{background-position:200%}}.btn{border:1px solid var(--color-gold);color:var(--color-gold);letter-spacing:.15em;border-radius:50px;margin-top:30px;padding:14px 40px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:inline-block}.btn-gold-outline{color:var(--color-gold);letter-spacing:.15em;background:0 0;border:1px solid #d4af3766;border-radius:50px;padding:14px 40px;font-size:.95rem;text-decoration:none;transition:all .4s;display:inline-block}.btn-gold-outline:hover{border-color:var(--color-gold);box-shadow:0 0 15px var(--color-gold-glow);background:#d4af370d}.section-cta{text-align:center;margin-top:50px}.container{width:90%;max-width:1300px;margin:0 auto}.section-title{margin-bottom:60px}.section-title h2{font-family:var(--font-header);margin-top:10px;font-size:2.5rem}.label{color:var(--color-gold);text-transform:uppercase;letter-spacing:.3em;font-size:.8rem}.intro-grid{grid-template-columns:1fr 1fr;align-items:center;gap:50px;display:grid}.intro-gallery{grid-template-columns:1fr 1fr;gap:15px;display:grid}.doc-img{filter:grayscale(20%);border-radius:4px;width:100%;transition:filter .3s;box-shadow:0 5px 15px #0006}.doc-img:hover{filter:grayscale(0%)}.stats-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:50px;display:grid}.stat-item{background:var(--color-panel);border-left:3px solid var(--color-gold);padding:25px}.stat-val{color:var(--color-gold);font-size:1.5rem;font-weight:600}.stat-lbl{color:var(--color-text-sec);font-size:.8rem}.timeline{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;display:grid}.event-card{background:var(--color-panel);border-radius:8px;padding:30px;transition:transform .3s}.event-card:hover{border:1px solid #d4af3733;transform:translateY(-5px)}.event-card .date{color:var(--color-gold);margin-bottom:10px;font-size:.8rem}.group-section{margin-bottom:80px}.group-info{border-bottom:1px solid #ffffff0d;margin-bottom:40px;padding-bottom:20px}.group-info h3{font-family:var(--font-header);color:var(--color-gold);margin-bottom:5px}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:40px;display:grid}.card-wrapper{perspective:1500px;cursor:pointer;background:#d4af3705;border-radius:12px;min-height:250px}.card{aspect-ratio:1400/2420;width:100%;transform-style:preserve-3d;border:1px solid #d4af371a;transition:transform .8s cubic-bezier(.2,.8,.2,1);position:relative;box-shadow:0 15px 35px #000c}.card:hover{border-width:2px;border-color:#fff;transform:translateY(-25px)rotateX(10deg)rotateY(10deg);box-shadow:0 30px 60px #000000e6,0 0 10px 2px #d4af37,0 0 30px 10px #d4af3766,0 0 60px 20px #d4af371a}.support-actions{justify-content:center;gap:20px;margin-top:30px;display:flex}.btn-paypal{background:#003087;border-color:#003087;color:#fff!important}.btn-coffee{background:#fd0;border-color:#fd0;color:#000!important}.btn-paypal:hover,.btn-coffee:hover{filter:brightness(1.1);transform:translateY(-5px)}.support-section{background:linear-gradient(to bottom, var(--color-bg), #050a08);text-align:center;border-top:1px solid #d4af371a;padding:60px 20px}.support-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a110e66;border:1px solid #d4af3726;border-radius:12px;max-width:500px;margin:0 auto;padding:30px}.support-card h2{margin:10px 0;font-size:1.5rem}.support-card .content-text{color:var(--color-text-sec);font-size:.9rem}.card-front:after{content:"";pointer-events:none;background:linear-gradient(45deg,#0000 45%,#ffffff1a 50%,#0000 55%);width:300%;height:300%;transition:all .6s ease-in-out;position:absolute;top:-150%;left:-150%;transform:rotate(-45deg)}.card:hover .card-front:after{top:100%;left:100%}.card.is-flipped{transform:rotateY(180deg)}.card-front,.card-back{backface-visibility:hidden;border-radius:4px;width:100%;height:100%;position:absolute;overflow:hidden}.card-front img{object-fit:cover;width:100%;height:100%}.card-back{border:1px solid var(--color-gold);background:linear-gradient(135deg,#0a110e 0%,#030504 100%);flex-direction:column;padding:25px;display:flex;transform:rotateY(180deg)}.back-content{scrollbar-width:thin;scrollbar-color:var(--color-gold) transparent;flex-direction:column;gap:20px;height:100%;display:flex;overflow-y:auto}.card-back h3{font-family:var(--font-header);color:var(--color-gold);text-align:center;text-transform:uppercase;letter-spacing:.1em;text-shadow:0 2px 10px #000c;border-bottom:1px solid #d4af374d;margin-bottom:5px;padding-bottom:10px;font-size:1.85rem;font-weight:900}.meaning-box,.ecology-box{border:1px solid #d4af3714;border-left:3px solid var(--color-gold);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#00000040;border-radius:8px;padding:18px;transition:all .3s}.card-back .label{letter-spacing:.15em;color:var(--color-gold);text-transform:uppercase;border-bottom:1px solid #d4af3733;margin-bottom:12px;padding-bottom:4px;font-size:1.1rem;font-weight:900;display:block}.card-back .content-text{color:#e0e0e0;text-align:left;font-size:1rem;line-height:1.7;font-family:var(--font-body)}.theme-material .card-back{background:linear-gradient(135deg,#0e1912f2 0%,#050c08fa 100%);border-color:#3e6d3a;box-shadow:inset 0 0 30px #3e6d3a33}.theme-material .card-back h3{color:#a8e6a3;text-shadow:0 2px 10px #3e6d3a80}.theme-material .meaning-box,.theme-material .ecology-box{border-left-color:#a8e6a3}.theme-inner .card-back{background:linear-gradient(135deg,#0e1223f2 0%,#050712fa 100%);border-color:#3a5b6d;box-shadow:inset 0 0 30px #3a5b6d33}.theme-inner .card-back h3{color:#a3ccff;text-shadow:0 2px 10px #3a5b6d80}.theme-inner .meaning-box,.theme-inner .ecology-box{border-left-color:#a3ccff}.theme-cosmic .card-back{background:linear-gradient(135deg,#190e23f2 0%,#0c0512fa 100%);border-color:#6d3a6d;box-shadow:inset 0 0 30px #6d3a6d33}.theme-cosmic .card-back h3{color:#e6a3e6;text-shadow:0 2px 10px #6d3a6d80}.theme-cosmic .meaning-box,.theme-cosmic .ecology-box{border-left-color:#e6a3e6}.theme-wands .card-back{background:linear-gradient(135deg,#23190ef2 0%,#120c05fa 100%);border-color:#d2a679;box-shadow:inset 0 0 30px #d2a67933}.theme-wands .card-back h3{color:#f4d4a8;text-shadow:0 2px 10px #d2a67980}.theme-wands .meaning-box,.theme-wands .ecology-box{border-left-color:#f4d4a8}.shimmer{pointer-events:none;z-index:2;background:linear-gradient(135deg,#fff0 0%,#ffffff0d 50%,#fff0 100%);width:100%;height:100%;transition:transform .6s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0;transform:translate(-100%)}.card:hover .shimmer{transform:translate(100%)}.reveal-on-scroll{opacity:0;transition:all .8s cubic-bezier(.2,.8,.2,1);transform:translateY(30px)}.reveal-on-scroll.visible,.no-observer .reveal-on-scroll{opacity:1;transform:translateY(0)}.section{opacity:0;transition:all 1s ease-out;transform:translateY(20px)}.section.visible,.no-observer .section{opacity:1;transform:translateY(0)}.conservation-section{background:linear-gradient(to bottom, var(--color-bg), #050a08);border-top:1px solid #d4af371a}.cons-content{text-align:center;max-width:800px;margin:0 auto}.cons-grid{justify-content:center;gap:20px;margin-top:40px;display:flex}@media (width<=1024px){.navbar{padding:0 20px}.intro-grid{grid-template-columns:1fr;gap:40px}.gallery-grid{gap:20px}}@media (width<=768px){:root{--nav-height:60px}.navbar{height:var(--nav-height);padding:0 15px}.nav-logo{letter-spacing:.05em;font-size:.8rem}.nav-links{gap:5px}.nav-links a{border-radius:4px;padding:5px 10px;font-size:.7rem}.hero-content{padding:0 10px}.glint-text{letter-spacing:.05em;text-shadow:4px 4px 10px #000c;font-size:clamp(2.5rem,15vw,4rem)}.subtitle{font-size:.85rem}.section{padding:40px 0}.section-title h2{font-size:1.6rem}.stats-grid{grid-template-columns:1fr;gap:10px}.timeline{grid-template-columns:1fr}.gallery-grid{grid-template-columns:repeat(2,1fr);gap:10px}.support-actions{flex-direction:column;gap:10px}.support-actions .btn{width:100%;margin-top:0}.support-card{padding:20px}}@media (width<=480px){.nav-links{display:none}.gallery-grid{grid-template-columns:1fr}.glint-text{font-size:2.2rem}}