*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:#f5f0eb;min-height:100dvh}button{cursor:pointer;font-family:inherit}a{color:inherit}:root{--green-dark:#143026;--green-mid:#1a4034;--green-light:#1f5040;--cream:#f5f0eb;--cream-dim:#e8e2db;--cream-muted:#b5afa8;--white:#fff;--accent:#c4a882;--red:#d94f4f}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--cream);color:var(--green-dark);-webkit-font-smoothing:antialiased;min-height:100dvh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,sans-serif}.app{background:var(--white);flex-direction:column;max-width:480px;min-height:100dvh;margin:0 auto;display:flex;box-shadow:0 0 40px #00000014}.header{background:var(--green-dark);z-index:100;padding:16px 20px;position:sticky;top:0}.header-inner{align-items:baseline;gap:8px;display:flex}.logo{color:var(--cream);letter-spacing:-.5px;font-family:Georgia,Times New Roman,serif;font-size:26px;font-weight:700}.logo-sub{color:var(--cream-muted);font-size:13px;font-weight:400}.search-section{background:var(--white);z-index:99;padding:16px 16px 8px;position:sticky;top:58px}.search-bar{background:var(--cream);border:2px solid #0000;border-radius:12px;align-items:center;gap:10px;padding:12px 16px;transition:border-color .2s;display:flex}.search-bar:focus-within{border-color:var(--green-dark)}.search-icon{color:var(--cream-muted);flex-shrink:0}.search-input{color:var(--green-dark);background:0 0;border:none;outline:none;flex:1;font-size:15px}.search-input::placeholder{color:var(--cream-muted)}.search-clear{color:var(--cream-muted);cursor:pointer;background:0 0;border:none;padding:2px;display:flex}.tabs{background:var(--white);gap:4px;padding:4px 16px 8px;display:flex}.tab{background:var(--cream);color:var(--cream-muted);cursor:pointer;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 8px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.tab.active{background:var(--green-dark);color:var(--cream)}.categories{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:6px;padding:4px 16px 12px;display:flex;overflow-x:auto}.categories::-webkit-scrollbar{display:none}.category-btn{border:1.5px solid var(--cream-dim);background:var(--white);color:var(--green-dark);cursor:pointer;white-space:nowrap;border-radius:20px;align-items:center;gap:5px;padding:8px 14px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.category-btn.active{background:var(--green-dark);color:var(--cream);border-color:var(--green-dark)}.content{flex:1;padding:0 16px 16px}.results-count{color:var(--cream-muted);margin-bottom:12px;font-size:13px}.video-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.video-card{background:var(--white);border:1.5px solid var(--cream-dim);cursor:pointer;text-align:left;border-radius:12px;flex-direction:column;transition:all .2s;display:flex;overflow:hidden}.video-card:hover,.video-card:active{border-color:var(--green-dark);transform:translateY(-1px);box-shadow:0 4px 12px #1430261a}.video-thumb{aspect-ratio:16/10;background:var(--green-dark);position:relative;overflow:hidden}.video-thumb-inner{color:var(--cream);flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:12px;display:flex;position:absolute;inset:0}.video-thumb-inner svg{opacity:.6}.video-thumb-title{text-align:center;opacity:.8;font-size:11px;line-height:1.3}.video-info{flex:1;padding:10px}.video-category{text-transform:uppercase;letter-spacing:.5px;color:var(--accent);font-size:10px;font-weight:700}.video-title{color:var(--green-dark);margin-top:2px;font-size:13px;font-weight:600;line-height:1.3}.guides-list,.search-guides-section{flex-direction:column;gap:8px;display:flex}.search-guides-section{margin-top:20px}.section-title{color:var(--green-dark);margin-bottom:8px;font-size:15px;font-weight:700}.guide-card{background:var(--white);border:1.5px solid var(--cream-dim);color:var(--green-dark);border-radius:12px;align-items:center;gap:14px;padding:16px;text-decoration:none;transition:all .2s;display:flex}.guide-card:hover{border-color:var(--green-dark);background:var(--cream)}.guide-card svg:first-child{color:var(--accent);flex-shrink:0}.guide-card>div{flex:1}.guide-category{text-transform:uppercase;letter-spacing:.5px;color:var(--accent);font-size:10px;font-weight:700}.guide-title{margin-top:2px;font-size:14px;font-weight:600}.guide-arrow{color:var(--cream-muted);flex-shrink:0}.contacts-list{flex-direction:column;gap:6px;display:flex}.contact-card{background:var(--white);border:1.5px solid var(--cream-dim);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.contact-info{flex-direction:column;gap:2px;display:flex}.contact-name{color:var(--green-dark);font-size:14px;font-weight:600}.contact-person{color:var(--cream-muted);font-size:12px}.contact-phone-btn{background:var(--green-dark);color:var(--cream);white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:600;text-decoration:none;transition:background .2s;display:flex}.contact-phone-btn:hover{background:var(--green-light)}.empty-state{text-align:center;color:var(--cream-muted);padding:48px 24px}.empty-state svg{opacity:.4;margin-bottom:16px}.empty-state p{font-size:15px;font-weight:500}.empty-hint{margin-top:8px;font-size:13px!important;font-weight:400!important}.modal-overlay{z-index:200;background:#000000b3;justify-content:center;align-items:flex-end;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--white);border-radius:20px 20px 0 0;width:100%;max-width:480px;max-height:90dvh;animation:.3s slideUp;overflow-y:auto}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-close{color:#fff;cursor:pointer;z-index:10;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:absolute;top:12px;right:12px}.modal-video{aspect-ratio:16/9;background:var(--green-dark);position:relative}.modal-video iframe{border:none;width:100%;height:100%}.modal-placeholder{color:var(--cream);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px;display:flex;position:absolute;inset:0}.modal-placeholder p{font-size:15px;font-weight:500}.modal-placeholder-sub{opacity:.6;font-size:12px!important}.modal-info{padding:20px}.modal-category{text-transform:uppercase;letter-spacing:.5px;color:var(--accent);font-size:11px;font-weight:700}.modal-info h2{color:var(--green-dark);margin-top:4px;font-size:20px;font-weight:700}.modal-contact{background:var(--cream);color:var(--green-dark);border-radius:10px;align-items:center;gap:8px;margin-top:16px;padding:12px 16px;font-size:13px;display:flex}.modal-contact svg{color:var(--accent);flex-shrink:0}.platforms-list{flex-direction:column;gap:12px;display:flex}.platform-card{background:var(--white);border:1.5px solid var(--cream-dim);color:var(--green-dark);border-radius:14px;align-items:center;gap:16px;padding:20px;text-decoration:none;transition:all .2s;display:flex}.platform-card:hover{border-color:var(--green-dark);transform:translateY(-1px);box-shadow:0 4px 12px #1430261a}.platform-icon{width:52px;height:52px;color:var(--cream);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.platform-info{flex:1;min-width:0}.platform-name{color:var(--green-dark);font-size:16px;font-weight:700}.platform-desc{color:var(--cream-muted);margin-top:3px;font-size:12px;line-height:1.4}.platform-arrow{color:var(--cream-muted);flex-shrink:0}.footer{border-top:1px solid var(--cream-dim);justify-content:center;gap:8px;padding:12px 16px 24px;display:flex}.footer-link{border:1.5px solid var(--cream-dim);color:var(--green-dark);border-radius:8px;padding:8px 20px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s}.footer-link:hover{background:var(--cream);border-color:var(--green-dark)}@media (width>=481px){.app{border-radius:0}}@media (width>=768px){.app{max-width:600px}.video-grid{grid-template-columns:repeat(3,1fr)}}