@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap");:root{--orange:#F27826;--hard-orange:#da5700;--low-orange:#FFCD7E;--white:#ffffff;--black:#000000;--bg:#f9f9f9;--card-border:3px solid #000;--radius:20px}*,:after,:before{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Montserrat,sans-serif;background-color:var(--white);color:var(--black);line-height:1.5}a{text-decoration:none;color:inherit}button{cursor:pointer}button,input,select,textarea{font-family:Montserrat,sans-serif}.header{width:100%;background:var(--white);box-shadow:0 4px 20px rgba(0,0,0,.08);position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-inner{max-width:1100px;margin:0 auto;padding:14px 24px;justify-content:space-between}.header-inner,.logo-wrap{display:flex;align-items:center}.logo-wrap{flex-direction:row;gap:12px}.logo-img{height:44px}.logo-img,.slogan-img{width:auto;object-fit:contain}.slogan-img{height:38px;opacity:.75;border-left:2px solid #eee;padding-left:12px}@media (max-width:480px){.logo-img{height:34px}.slogan-img{height:23px;padding-left:8px}}.header-badge{background:var(--orange);color:var(--white);font-size:11px;font-weight:700;padding:6px 16px;border-radius:20px;border:2px solid #000}.hero{background:linear-gradient(135deg,var(--orange) 0,var(--hard-orange) 100%);padding:80px 24px 100px;text-align:center;position:relative;overflow:hidden}.hero:before{top:-60px;right:-60px;width:300px;height:300px;background:rgba(255,255,255,.08)}.hero:after,.hero:before{content:"";position:absolute;border-radius:50%}.hero:after{bottom:-80px;left:-40px;width:250px;height:250px;background:rgba(255,255,255,.06)}.hero-inner{position:relative;z-index:1;max-width:700px;margin:0 auto}.hero-badge{display:inline-block;background:var(--white);color:var(--orange);font-size:13px;font-weight:800;padding:8px 20px;border-radius:30px;border:2px solid #000;margin-bottom:24px;box-shadow:3px 3px 0 #000}.hero-title{font-size:46px;font-weight:900;color:var(--white);line-height:1.1;letter-spacing:-2px;margin-bottom:18px}.hero-subtitle{font-size:16px;font-weight:400;color:rgba(255,255,255,.9);max-width:500px;margin:0 auto 32px;line-height:1.6}.hero-btn{display:inline-flex;align-items:center;gap:8px;background:var(--white);color:var(--orange);font-size:15px;font-weight:800;padding:14px 32px;border-radius:var(--radius);border:2px solid #000;box-shadow:4px 4px 0 #000;transition:all .2s}.hero-btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 #000}.section-inner{max-width:1000px;margin:0 auto;padding:0 24px}.section-title{font-size:28px;font-weight:900;color:#000;margin-bottom:8px;letter-spacing:-1px}.section-subtitle{font-size:14px;font-weight:400;color:#666;margin-bottom:32px}.steps-section{padding:72px 0;background:var(--bg)}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px;margin-top:32px}.step-card{background:var(--white);border:var(--card-border);border-radius:var(--radius);padding:28px 24px;position:relative;box-shadow:4px 4px 0 #000;transition:transform .2s,box-shadow .2s}.step-card:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 #000}.step-card-icon{font-size:34px;margin-bottom:12px;color:var(--orange);width:38px;height:38px}.step-card-icon,.step-card-num{display:flex;align-items:center}.step-card-num{position:absolute;top:16px;right:16px;width:32px;height:32px;background:var(--orange);color:var(--white);font-size:14px;font-weight:900;border-radius:50%;border:2px solid #000;justify-content:center}.step-card h3{font-size:17px;font-weight:800;margin-bottom:10px;color:#000}.step-card p{font-size:13px;font-weight:400;color:#555;line-height:1.6}.tips-section{padding:72px 0;background:var(--white)}.tips-list{display:flex;flex-direction:column;gap:12px;margin-top:32px}.tip-item{border:var(--card-border);border-radius:var(--radius);overflow:hidden;box-shadow:3px 3px 0 #000;transition:box-shadow .2s}.tip-item.open{box-shadow:5px 5px 0 #000}.tip-header{width:100%;display:flex;align-items:center;gap:14px;padding:18px 22px;background:var(--white);border:none;text-align:left;transition:background .2s}.tip-header:hover{background:#fff8f3}.tip-item.open .tip-header{background:var(--orange)}.tip-emoji{font-size:24px;flex-shrink:0}.tip-title{flex:1 1;font-size:15px;font-weight:700;color:#000}.tip-item.open .tip-title{color:var(--white)}.tip-category-tag{font-size:10px;font-weight:700;background:var(--low-orange);color:var(--hard-orange);padding:3px 10px;border-radius:20px;border:1px solid var(--orange)}.tip-item.open .tip-category-tag{background:rgba(255,255,255,.25);color:var(--white);border-color:rgba(255,255,255,.4)}.tip-arrow{font-size:12px;color:var(--orange);flex-shrink:0;transition:transform .3s}.tip-item.open .tip-arrow{color:var(--white);transform:rotate(180deg)}.tip-body{padding:20px 22px;background:#fff8f3;border-top:2px solid #000}.tip-body .tip-step{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px;font-size:14px;color:#333;line-height:1.5}.tip-body .tip-step:last-child{margin-bottom:0}.tip-step-num{flex-shrink:0;width:24px;height:24px;background:var(--orange);color:var(--white);border-radius:50%;border:2px solid #000;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center}.contact-section{padding:72px 0 80px;background:var(--orange);position:relative}.contact-section:before{content:"";position:absolute;top:-1px;left:0;right:0;height:3px;background:#000}.contact-title{font-size:28px;font-weight:900;color:var(--white);margin-bottom:8px;letter-spacing:-1px}.contact-subtitle{font-size:14px;color:rgba(255,255,255,.85);margin-bottom:36px}.contact-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:16px;gap:16px}.contact-card{display:flex;align-items:center;gap:14px;background:var(--white);border:2px solid #000;border-radius:var(--radius);padding:18px 20px;box-shadow:3px 3px 0 #000;transition:transform .2s,box-shadow .2s;cursor:default;min-width:0;overflow:hidden}a.contact-card{cursor:pointer}a.contact-card:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 #000}.contact-card-icon{font-size:22px;flex-shrink:0;width:36px;height:36px;background:var(--low-orange);border-radius:10px;border:2px solid var(--orange);display:flex;align-items:center;justify-content:center;color:var(--orange)}.contact-card strong{display:block;font-size:11px;font-weight:800;color:var(--orange);text-transform:uppercase;letter-spacing:1px;margin-bottom:3px}.contact-card>div{min-width:0;overflow:hidden}.contact-card p{font-size:13px;font-weight:600;color:#333;overflow-wrap:break-word;word-break:break-all}.footer{background:var(--hard-orange);padding:32px 24px;text-align:center;border-top:3px solid #000}.footer p{font-size:12px;color:rgba(255,255,255,.8);font-weight:500;margin-bottom:4px}.footer p:first-child{font-size:13px;font-weight:700;color:var(--white);margin-bottom:8px}.whatsapp-float{position:fixed;bottom:24px;right:24px;width:58px;height:58px;background:#25d366;border-radius:50%;border:2px solid #000;box-shadow:3px 3px 0 #000;display:flex;align-items:center;justify-content:center;font-size:28px;text-decoration:none;transition:transform .2s,box-shadow .2s;z-index:999}.whatsapp-float:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 #000}.login-page{min-height:100vh;background:var(--bg);display:flex;align-items:center;justify-content:center;padding:24px}.login-card{background:var(--white);border:var(--card-border);border-radius:24px;padding:48px 40px;box-shadow:6px 6px 0 #000;width:100%;max-width:380px;text-align:center}.login-card .login-logo{font-size:28px;font-weight:900;color:var(--orange);letter-spacing:-1px;margin-bottom:4px}.login-card .login-sub{font-size:11px;font-weight:600;color:#888;letter-spacing:2px;text-transform:uppercase;margin-bottom:32px}.login-card h1{font-size:20px;font-weight:800;margin-bottom:24px;color:#000}.login-card input{width:100%;padding:12px 16px;border:2px solid #000;border-radius:12px;font-size:15px;margin-bottom:14px;outline:none;transition:border-color .2s}.login-card input:focus{border-color:var(--orange)}.login-card .login-btn{width:100%;background:var(--orange);color:var(--white);font-size:15px;font-weight:800;padding:13px;border:2px solid #000;border-radius:12px;box-shadow:3px 3px 0 #000;transition:all .2s}.login-card .login-btn:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 #000}.login-error{margin-top:14px;font-size:13px;color:#e00;font-weight:600}.admin-page{min-height:100vh;background:var(--bg)}.admin-header{background:var(--orange);border-bottom:3px solid #000;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;position:-webkit-sticky;position:sticky;top:0;z-index:100}.admin-header-title{font-size:15px;font-weight:800;color:var(--white)}.admin-header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.admin-msg{font-size:13px;font-weight:700;padding:4px 12px;border-radius:20px;background:rgba(255,255,255,.2);color:var(--white)}.admin-preview-btn{background:var(--white);color:var(--orange);font-size:13px;font-weight:800;padding:7px 16px;border-radius:12px;border:2px solid #000;box-shadow:2px 2px 0 #000;transition:all .2s}.admin-preview-btn:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 #000}.admin-logout-btn{background:transparent;color:rgba(255,255,255,.9);font-size:13px;font-weight:700;padding:7px 14px;border:2px solid rgba(255,255,255,.5);border-radius:12px;transition:all .2s}.admin-logout-btn:hover{border-color:var(--white);color:var(--white)}.admin-main{max-width:900px;margin:0 auto;padding:32px 24px 60px;display:flex;flex-direction:column;gap:24px}.admin-card{background:var(--white);border:var(--card-border);border-radius:var(--radius);padding:28px;box-shadow:4px 4px 0 #000}.admin-card h2{font-size:18px;font-weight:800;margin-bottom:22px;color:#000}.admin-form-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px;margin-bottom:20px}.admin-field{display:flex;flex-direction:column;gap:5px}.admin-field label{font-size:11px;font-weight:800;color:var(--orange);text-transform:uppercase;letter-spacing:1px}.admin-field input,.admin-field textarea{padding:10px 14px;border:2px solid #ddd;border-radius:10px;font-size:14px;outline:none;transition:border-color .2s;resize:vertical}.admin-field input:focus,.admin-field textarea:focus{border-color:var(--orange)}.tip-form-row{display:flex;gap:12px;align-items:flex-start;margin-bottom:14px;flex-wrap:wrap}.tip-form-row .admin-field:first-child{min-width:80px;max-width:80px}.tip-form-row .admin-field:last-child{min-width:140px;max-width:160px}.tip-form-row .admin-field.flex-1{flex:1 1;min-width:200px}.save-btn{background:var(--orange);color:var(--white);font-size:14px;font-weight:800;padding:11px 24px;border:2px solid #000;border-radius:12px;box-shadow:3px 3px 0 #000;transition:all .2s}.save-btn:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 #000}.cancel-btn{background:var(--white);color:#666;font-size:14px;font-weight:700;padding:11px 20px;border:2px solid #ccc;border-radius:12px;transition:all .2s}.cancel-btn:hover{border-color:#999;color:#333}.tips-admin-list{display:flex;flex-direction:column;gap:12px}.tip-admin-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;border:2px solid #eee;border-radius:14px;transition:border-color .2s;flex-wrap:wrap}.tip-admin-item:hover{border-color:var(--orange)}.tip-admin-info{display:flex;align-items:flex-start;gap:12px;flex:1 1;min-width:0}.tip-admin-emoji{font-size:28px;flex-shrink:0}.tip-admin-info strong{font-size:14px;font-weight:800;color:#000;display:block;margin-bottom:4px}.tip-admin-info p{font-size:12px;color:#777;line-height:1.4}.tip-category-badge{display:inline-block;font-size:10px;font-weight:700;background:var(--low-orange);color:var(--hard-orange);padding:2px 8px;border-radius:10px;margin-left:8px;border:1px solid var(--orange)}.tip-admin-actions{display:flex;gap:8px;flex-shrink:0}.edit-btn{background:var(--white);color:var(--orange);font-size:12px;font-weight:700;padding:7px 14px;border:2px solid var(--orange);border-radius:10px;transition:all .2s}.edit-btn:hover{background:var(--orange);color:var(--white)}.delete-btn{background:var(--white);color:#e00;font-size:12px;font-weight:700;padding:7px 14px;border:2px solid #e00;border-radius:10px;transition:all .2s}.delete-btn:hover{background:#e00;color:var(--white)}.empty-state{text-align:center;padding:40px 20px;color:#aaa;font-size:14px;font-weight:500}.form-actions{display:flex;gap:10px;margin-top:6px;flex-wrap:wrap}.loading-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg)}.spinner{width:40px;height:40px;border:4px solid rgba(242,120,38,.2);border-top:4px solid var(--orange);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:768px){.hero-title{font-size:30px}.hero{padding:56px 20px 72px}.steps-grid{grid-template-columns:1fr}.contact-grid{grid-template-columns:1fr 1fr}.admin-form-grid{grid-template-columns:1fr}.tip-form-row{flex-direction:column}.tip-form-row .admin-field:first-child,.tip-form-row .admin-field:last-child{min-width:unset;max-width:unset;width:100%}.section-title{font-size:22px}.admin-card{padding:20px}.login-card{padding:36px 24px}}@media (max-width:480px){.contact-grid{grid-template-columns:1fr}.hero-title{font-size:26px}.tip-admin-item{flex-direction:column;align-items:flex-start}.tip-admin-actions{width:100%;justify-content:flex-end}}