header{background-color:#ff0;padding:1rem 2rem;box-shadow:0 2px 6px #00000014;border-bottom:3px solid #f9d8b4}header h1{font-size:1.8rem;margin:0;color:#000;font-family:Segoe UI,sans-serif;text-align:center}.header-row{margin-top:.8rem;display:flex;align-items:center;justify-content:center;flex-wrap:nowrap}.main-nav{display:flex;align-items:center}.main-nav a{text-decoration:none;color:#ff0;padding:.6rem 1rem;font-weight:600;font-size:1rem;background:#000;border:1px solid #ccc;border-bottom:none;border-radius:8px 8px 0 0;transition:background-color .3s ease;margin-right:.3rem}.main-nav a:hover{color:#000;background-color:#fff}.main-nav a.active{color:#ff0;background-color:green;border:1px solid #ccc;border-bottom:2px solid #fff}.comment-box{margin-top:12px;background:#fff;border:1px solid #e5e5e5;border-radius:8px;padding:10px}.comment-header{display:flex;justify-content:flex-start;margin-bottom:8px}.comment-user{font-weight:700;color:#1d4ed8}.comment-login{color:#f60;font-weight:700;cursor:pointer}.comment-item{border-top:1px solid #eee;padding:6px 0}.comment-name{font-weight:700;font-size:14px}.comment-time{font-size:12px;color:#888}.comment-text{margin-left:14px;margin-top:4px;line-height:1.4}.comment-input{display:flex;margin-top:8px;gap:6px}.comment-input input{flex:1;padding:6px;border:1px solid #ddd;border-radius:4px}.comment-input button{background:#f60;border:none;color:#fff;padding:6px 12px;border-radius:6px;cursor:pointer}.comment-input button:hover{background:#e85c00}.combo-page{max-width:800px;margin:1rem auto;padding:1rem}.combo-page h2{margin-bottom:1rem}.transactions-list{list-style:none;padding:0;margin:0}.transaction-item{padding:.6rem .8rem;margin-bottom:.5rem;border-radius:6px;border:1px solid #eee;font-size:.95rem}.transaction-in{background:#e8f8e8;border-color:#b7e3b7}.transaction-out{background:#fff2f2;border-color:#f3b7b7}.tx-meta{font-size:.8rem;color:#666;margin-left:.4rem}.finance-wrapper{width:100%;overflow-x:auto;padding:1rem .5rem}.finance-iframe{border:solid 1px black;width:900px;height:900px}.donation-box{background:#f4f6f8;padding:20px;border-radius:12px;margin-bottom:16px}.donation-content{display:flex;align-items:center;justify-content:flex-start;gap:20px}.qr-image{width:160px;height:160px;object-fit:contain}@media (max-width: 600px){.finance-wrapper{width:100%;height:80vh}.finance-iframe{width:100%;height:100%;border:none}}.auth-page{min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding-top:40px;background:linear-gradient(135deg,#6d28d9,#4f46e5,#2563eb);background-size:300% 300%;animation:gradientShift 12s ease infinite}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.auth-form-container{width:100%;max-width:400px;padding:35px 30px;background:#ffffff26;border-radius:16px;box-shadow:0 8px 40px #0003;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);animation:fadeInUp .6s ease forwards}@keyframes fadeInUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.auth-form-container h2{text-align:center;color:#fff;font-size:1.8rem;margin-bottom:20px}.auth-form-container input{width:100%;padding:12px 14px;margin-bottom:15px;border:none;border-radius:8px;font-size:1rem;background:#ffffffe6;outline:none;transition:box-shadow .2s}.auth-form-container input:focus{box-shadow:0 0 0 2px #4f46e580}.auth-form-container button{width:100%;padding:12px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s ease,transform .1s ease}.auth-btn-primary{background-color:#4f46e5;color:#fff}.auth-btn-primary:hover{background-color:#4338ca;transform:scale(1.02)}.auth-btn-secondary{background-color:#ffffffb3;color:#333}.auth-btn-secondary:hover{background-color:#ffffffe6}.auth-otp-section{margin-top:15px;padding-top:15px;border-top:1px solid rgba(255,255,255,.3)}#recaptcha-container,#recaptcha-login-container{margin-bottom:15px;display:flex;justify-content:center}.auth-form-container input,.auth-form-container button{width:100%;box-sizing:border-box}.auth-form-container input,.auth-form-container button{margin-bottom:15px}.profile-page{max-width:400px;margin:20px auto;background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px #0000001a}.profile-page h2{text-align:center;margin-bottom:20px}.profile-page label{display:block;margin-top:10px;font-weight:700}.profile-page input,.profile-page textarea{width:100%;padding:8px;margin-top:4px;border:1px solid #ccc;border-radius:6px}.profile-page .profile-btn-save{margin-top:20px;width:100%;padding:10px;background:#4caf50;color:#fff;border:none;border-radius:6px;cursor:pointer}.profile-page .profile-btn-save:hover{background:#45a049}.profile-page .profile-btn-logout{margin-top:12px;width:100%;padding:10px;background:#ff7043;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:700;transition:background .2s ease}.profile-page .profile-btn-logout:hover{background:#e64a19}body{margin:0;font-family:Arial,sans-serif;background:#fdfdfd;color:#333}.header,.footer{background-color:#f0f0f0;padding:1rem;text-align:center}nav a{margin:0 1rem;text-decoration:none;color:#333}main{padding:1rem}.product-list{display:flex;gap:1rem;flex-wrap:wrap}.product-card{border:1px solid #ddd;padding:1rem;width:200px;border-radius:8px;background:#fff}.intro-page{max-width:700px;margin:auto;padding:2rem;background:#fffbe7;border-radius:12px;box-shadow:0 0 8px #0000001a}.intro-page h1,.intro-page h2,.intro-page h3{color:#b34b00}.intro-page ul{list-style-type:none;padding-left:0}.intro-page button{background-color:#f60;color:#fff;border:none;padding:.75rem 1.5rem;font-size:1rem;font-weight:700;border-radius:8px;cursor:pointer;transition:background-color .25s,transform .15s}.intro-page button:hover{background-color:#e65c00;transform:scale(1.05)}.intro-page button:active{background-color:#cc5200;transform:scale(.98)}