*{margin:0;padding:0;box-sizing:border-box}body{background:url('bg.webp') center/cover no-repeat fixed,linear-gradient(145deg,#d9e5c3 0%,#bdd49b 100%);min-height:100vh;display:flex;align-items:center;justify-content:center;font-family:'Segoe UI','Roboto','Noto Sans',system-ui,-apple-system,'Helvetica Neue',sans-serif;padding:1.5rem;position:relative}.bamboo-card{max-width:950px;width:100%;background:rgba(250,252,240,0.96);border-radius:0.2rem;box-shadow:0 20px 35px -12px rgba(60,45,20,0.25),0 1px 3px rgba(0,0,0,0.05);overflow:hidden;transition:all 0.2s ease;border:1px solid #d0dfb2}.card-header{padding:1.8rem 2rem 0.6rem 2rem;border-bottom:2px solid #e1f0c4}.card-header h1{font-size:1.9rem;font-weight:500;color:#2d4a1e;letter-spacing:-0.3px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.card-header h1 i{font-size:2rem;color:#4b6e2c;filter:drop-shadow(2px 2px 2px rgba(0,0,0,0.05))}.sub{color:#5b7c3c;font-size:1rem;margin-top:0.8rem;padding-left:0.2rem;border-left:3px solid #9bc46e;padding-left:12px}.action-row{padding:1.8rem 2rem 1rem 2rem;display:flex;flex-wrap:nowrap;gap:1rem;align-items:flex-end}.input-group{flex:1;min-width:0}.input-group label{display:block;font-size:1rem;font-weight:600;color:#3b5a2b;letter-spacing:0.5px;margin-bottom:10px;margin-left:4px}.input-group label i{margin-right:4px;font-size:0.8rem}.input-group input{width:100%;padding:0.85rem 1rem;border-radius:2rem;border:1.5px solid #cfe2b5;background:#ffffff;font-size:0.95rem;transition:all 0.2s;outline:none;font-family:inherit;color:#2d3e1f;background-color:#fefffa}.input-group input:focus{border-color:#8fbc5e;box-shadow:0 0 0 3px rgba(119,163,71,0.2);background-color:#ffffff}.input-group input::placeholder{color:#b1cb99;font-weight:400}.enter-btn,.guest-btn{background:#5f8b3e;border:none;padding:0.85rem 1.5rem;border-radius:3rem;font-weight:600;font-size:1rem;color:white;cursor:pointer;transition:all 0.2s ease;box-shadow:0 2px 4px rgba(0,0,0,0.1);display:inline-flex;align-items:center;gap:8px;white-space:nowrap;font-family:inherit;letter-spacing:0.8px;background:linear-gradient(135deg,#6d9946,#4d6e2e);border-bottom:2px solid #3d5922}.enter-btn i,.guest-btn i{font-size:1rem}.enter-btn:hover,.guest-btn:hover{background:linear-gradient(135deg,#5b8738,#3e6023);transform:translateY(-1px);box-shadow:0 8px 18px -6px rgba(70,100,30,0.4)}.enter-btn:active,.guest-btn:active{transform:translateY(1px);box-shadow:0 1px 2px rgba(0,0,0,0.1)}.guest-btn{background:linear-gradient(135deg,#c0e4c9,#8dc69e);border-bottom-color:#70ad84}.guest-btn:hover{background:linear-gradient(135deg,#b0dbbc,#7eb991)}.hot-section{padding:0.5rem 2rem 2rem 2rem}.hot-title{display:flex;align-items:center;gap:8px;font-size:1rem;font-weight:600;color:#41682b;margin-bottom:1rem;border-left:4px solid #aacc7a;padding-left:12px}.hot-title span{background:#edf5e3;padding:2px 12px;border-radius:30px;font-size:0.85rem;font-weight:normal;color:#476f2c}.hot-links{display:flex;flex-wrap:wrap;gap:0.8rem 1.6rem;align-items:center}.hot-room{background:#f4f9ec;padding:0.5rem 1.2rem;border-radius:0.2rem;font-size:0.9rem;font-weight:500;color:#2d5720;cursor:pointer;transition:all 0.2s;border:1px solid #d2e4b5;backdrop-filter:blur(2px);display:inline-flex;align-items:center;gap:8px;box-shadow:0 1px 2px rgba(0,0,0,0.02)}.hot-room i{font-size:0.85rem;color:#5b8c3a}.hot-room:hover{background:#e1f0cf;border-color:#9abb70;transform:translateY(-2px);box-shadow:0 6px 12px -6px rgba(80,110,30,0.2);color:#224f0e}.hot-room:hover i{color:#3d6820}.hot-room:active{transform:translateY(1px)}footer{text-align:center;font-size:0.9rem;padding:1.4rem 1rem 1.2rem;color:#719249;border-top:1px solid #e1efcd;background:#fafcf2}footer i{margin-right:4px}.custom-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(40,55,30,0.6);backdrop-filter:blur(4px);z-index:1000;align-items:center;justify-content:center}.modal-content{background:#fefcf0;max-width:320px;width:85%;border-radius:0.5rem;box-shadow:0 20px 35px rgba(30,40,10,0.3);text-align:center;padding:1.8rem 1.5rem 1.5rem;border:1px solid #cfdfb0;animation:fadeInUp 0.2s ease-out}.modal-content i{font-size:2.5rem;color:#c07a3a;margin-bottom:0.8rem}.modal-content p{font-size:1rem;color:#3b5427;margin:0.5rem 0 1.5rem;font-weight:500;word-break:break-word}.modal-content a{color:#c07a3a;text-decoration:underline;word-break:break-all}.modal-btn{background:#6d9946;border:none;padding:0.6rem 1.8rem;border-radius:3rem;color:white;font-weight:600;font-size:0.9rem;cursor:pointer;transition:0.2s;border-bottom:2px solid #3d5922;margin-top:8px}.modal-btn:hover{background:#5b8738;transform:translateY(-1px)}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:650px){.action-row{flex-wrap:wrap;gap:0.8rem}.input-group{min-width:calc(50% - 0.5rem);flex:auto}.enter-btn,.guest-btn{width:100%;justify-content:center;padding:0.8rem}.hot-links{gap:0.6rem}.card-header h1{font-size:1.5rem}}@media (max-width:480px){.action-row{padding:1rem 1.2rem}.hot-section{padding:0.5rem 1.2rem 1.8rem}}