*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#2b1d0d}body{font-family:Georgia,'Times New Roman',serif;color:#fff}.portal{min-height:100vh;position:relative;overflow:hidden;padding:38px 20px 24px;background:#8b672e url('../images/tamhoc-bg.png') center/cover no-repeat}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(45,28,8,.55),rgba(117,82,29,.16) 48%,rgba(45,28,8,.48));pointer-events:none}.hero,.puzzle,.about,footer{position:relative;z-index:2}.hero{text-align:center;text-shadow:0 3px 20px #3b260d}.dharma{font-size:32px;color:#f2ce72}.hero h1{font-size:clamp(42px,6vw,76px);letter-spacing:.13em;margin:4px 0;color:#fff4d4}.hero p{font-size:clamp(16px,2vw,21px);color:#f5ddb0;margin:0}.puzzle{width:min(1100px,94vw);margin:34px auto 22px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;position:relative}.piece{min-height:184px;padding:24px;position:relative;display:flex;flex-direction:column;justify-content:flex-end;text-decoration:none;color:#fff;border:1px solid rgba(255,224,145,.4);background:linear-gradient(145deg,rgba(64,39,12,.86),rgba(146,98,32,.60));backdrop-filter:blur(7px);box-shadow:0 12px 30px #0004;clip-path:polygon(0 0,92% 0,100% 17%,100% 100%,8% 100%,0 83%);transition:transform .28s,filter .28s,box-shadow .28s,opacity .28s}.piece:nth-child(even){clip-path:polygon(8% 0,100% 0,100% 83%,92% 100%,0 100%,0 17%)}.piece:hover{transform:translateY(-7px) scale(1.015);box-shadow:0 22px 44px #0007,0 0 30px #e5bb5d33;z-index:4}.piece strong{font-size:23px;color:#fff1c6}.piece>span:not(.number){font:13px/1.55 Arial,sans-serif;color:#f1dfbf;margin-top:7px}.piece em{font:normal 11px Arial,sans-serif;letter-spacing:.14em;color:#ffd577;margin-top:15px}.number{position:absolute;right:20px;top:16px;font:12px Arial,sans-serif;letter-spacing:.18em;color:#e8c36b}.soon{filter:grayscale(.9) brightness(.55);cursor:default}.soon:hover{transform:translateY(-2px);filter:grayscale(.75) brightness(.68)}.oldsite{background:linear-gradient(145deg,rgba(45,52,27,.88),rgba(112,91,36,.66))}.seal{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#33220f;border:2px solid #d8af56;color:#f1cf79;font-size:29px;box-shadow:0 0 0 6px #38230dbb,0 8px 25px #0009;z-index:8}.about{text-align:center;max-width:850px;margin:25px auto}.about button{border:1px solid #d4ad5e;background:#30200dcc;color:#ffe1a0;border-radius:999px;padding:11px 20px;cursor:pointer}.about div{margin-top:13px;padding:18px 24px;border:1px solid #d7ae5d66;border-radius:18px;background:#24180dde;font:14px/1.7 Arial,sans-serif;color:#eadfc8}.about h2{font-family:Georgia,serif;color:#f2d287;margin:0 0 8px}.about p{margin:8px 0}footer{text-align:center;font:12px Arial,sans-serif;color:#d7c4a2;margin-top:18px}@media(max-width:800px){.portal{padding:28px 13px;background-position:38% center}.puzzle{display:flex;flex-direction:column}.piece{clip-path:none!important;border-radius:18px;min-height:145px}.seal{display:none}.hero h1{letter-spacing:.07em}}