@import"https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,500;1,9..144,400&family=Nunito:wght@400;500;600&display=swap";:root{--brand: #1D9E75;--brand-dark: #085041;--brand-light: #E1F5EE;--brand-mid: #5DCAA5;--safe: #3B6D11;--safe-bg: #EAF3DE;--safe-border: #639922;--warning: #854F0B;--warning-bg: #FAEEDA;--warning-border:#BA7517;--danger: #A32D2D;--danger-bg: #FCEBEB;--danger-border:#E24B4A;--caution: #1D9E75;--caution-bg: #E1F5EE;--caution-border:#5DCAA5;--gray-50: #F8F8F7;--gray-100: #F1EFE8;--gray-200: #D3D1C7;--gray-400: #888780;--gray-600: #5F5E5A;--gray-900: #1A1A18;--text-primary: #1A1A18;--text-secondary: #5F5E5A;--text-muted: #888780;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 22px;--radius-xl: 24px;--shadow-sm: 0 1px 3px rgba(0,0,0,.08);--shadow-md: 0 4px 16px rgba(0,0,0,.1);--shadow-lg: 0 8px 32px rgba(0,0,0,.12);--text-xs: 13px;--text-sm: 17px;--text-base: 19px;--text-lg: 22px;--text-xl: 26px;--text-2xl: 30px;--text-3xl: 38px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:Nunito,system-ui,sans-serif;font-size:var(--text-base);color:var(--text-primary);background:var(--gray-50);line-height:1.75;-webkit-font-smoothing:antialiased;min-height:100vh}.app-shell{display:flex;flex-direction:column;min-height:100vh;max-width:520px;margin:0 auto;background:#fff;box-shadow:var(--shadow-lg)}.page-content{flex:1;overflow-y:auto;padding-bottom:80px}.top-nav{position:sticky;top:0;z-index:100;background:#fff;border-bottom:1.5px solid var(--gray-100);padding:14px 20px;display:flex;align-items:center;gap:10px}.nav-logo-mark{width:44px;height:44px;background:transparent;border-radius:50%;border:2px solid #1D9E75;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;position:relative;padding-top:4px}.nav-logo-mark svg{width:20px;height:20px}.nav-brand{flex:1}.nav-brand-name{font-size:18px;font-weight:600;color:var(--text-primary);line-height:1.1}.nav-brand-sub{font-size:11px;color:var(--text-muted)}.nav-badge{font-size:11px;font-weight:500;background:var(--brand-light);color:var(--brand);padding:4px 10px;border-radius:20px}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:520px;background:#fff;border-top:1.5px solid var(--gray-100);display:flex;z-index:100}.bnav-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 4px 12px;background:none;border:none;cursor:pointer;font-size:11px;color:var(--text-muted);transition:color .15s;font-family:inherit}.bnav-btn.active{color:var(--brand)}.bnav-btn svg{width:22px;height:22px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--radius-lg);font-family:inherit;font-weight:500;cursor:pointer;transition:all .15s;text-decoration:none}.btn-primary{background:var(--brand);color:#fff;border:none;padding:16px 24px;font-size:var(--text-base);width:100%}.btn-primary:hover{background:var(--brand-dark)}.btn-primary:active{transform:scale(.98)}.btn-secondary{background:transparent;color:var(--text-secondary);border:1.5px solid var(--gray-200);padding:14px 24px;font-size:var(--text-sm);width:100%}.btn-secondary:hover{background:var(--gray-50)}.btn-ghost{background:transparent;color:var(--brand);border:none;padding:8px 0;font-size:var(--text-sm)}.card{background:#fff;border:1.5px solid var(--gray-100);border-radius:var(--radius-lg);padding:18px 20px}.card-elevated{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:20px}.stat-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0 20px 24px}.stat-card{background:var(--gray-50);border:1px solid var(--gray-100);border-radius:var(--radius-md);padding:14px 10px;text-align:center}.stat-num{font-size:22px;font-weight:600;color:var(--brand)}.stat-label{font-size:11px;color:var(--text-muted);line-height:1.3;margin-top:3px}.feature-card{display:flex;align-items:flex-start;gap:14px;padding:16px 18px;background:#fff;border:1.5px solid var(--gray-100);border-radius:var(--radius-lg);cursor:pointer;transition:border-color .15s,box-shadow .15s;width:100%;text-align:left;font-family:inherit}.feature-card:hover{border-color:var(--brand-mid);box-shadow:var(--shadow-sm)}.feat-icon{width:42px;height:42px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:20px}.feat-title{font-size:var(--text-base);font-weight:500;color:var(--text-primary);margin-bottom:4px}.feat-desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5}.tab-row{display:flex;border-bottom:1.5px solid var(--gray-100);margin-bottom:20px}.tab-btn{flex:1;padding:12px 4px;background:none;border:none;border-bottom:2.5px solid transparent;font-family:inherit;font-size:var(--text-sm);color:var(--text-muted);cursor:pointer;transition:all .15s;margin-bottom:-1.5px}.tab-btn.active{color:var(--brand);border-bottom-color:var(--brand);font-weight:500}.check-textarea{width:100%;min-height:120px;padding:14px 16px;border:1.5px solid var(--gray-200);border-radius:var(--radius-lg);font-family:inherit;font-size:var(--text-base);color:var(--text-primary);background:#fff;resize:vertical;outline:none;transition:border-color .15s;line-height:1.6;margin-bottom:12px}.check-textarea:focus{border-color:var(--brand)}.check-textarea::placeholder{color:var(--text-muted)}.result-card{border-radius:var(--radius-lg);padding:20px;border:1.5px solid;animation:slideUp .25s ease}.result-card.danger{background:var(--danger-bg);border-color:var(--danger-border)}.result-card.warning{background:var(--warning-bg);border-color:var(--warning-border)}.result-card.caution{background:var(--caution-bg);border-color:var(--caution-border)}.result-card.safe{background:var(--safe-bg);border-color:var(--safe-border)}.result-badge{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;padding:5px 12px;border-radius:20px;margin-bottom:10px;letter-spacing:.02em}.result-badge.danger{background:#f7c1c1;color:var(--danger)}.result-badge.warning{background:#fac775;color:var(--warning)}.result-badge.caution{background:var(--brand-light);color:var(--brand)}.result-badge.safe{background:#c0dd97;color:var(--safe)}.result-summary{font-size:var(--text-base);font-weight:500;margin-bottom:8px}.result-summary.danger{color:var(--danger)}.result-summary.warning{color:var(--warning)}.result-summary.caution{color:var(--caution)}.result-summary.safe{color:var(--safe)}.result-explanation{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:14px;line-height:1.6}.result-actions{display:flex;flex-direction:column;gap:8px}.result-action{display:flex;align-items:flex-start;gap:10px;font-size:var(--text-sm);color:var(--text-primary);line-height:1.5}.action-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;margin-top:7px}.action-dot.danger{background:var(--danger)}.action-dot.warning{background:var(--warning)}.action-dot.caution{background:var(--brand)}.action-dot.safe{background:var(--safe)}.result-signals{margin-top:12px;padding-top:12px;border-top:1px solid rgba(0,0,0,.08);display:flex;flex-wrap:wrap;gap:6px}.signal-tag{font-size:12px;padding:3px 10px;border-radius:20px;background:#00000014;color:var(--text-secondary)}.result-source{margin-top:10px;font-size:11px;color:var(--text-muted);text-align:right}.spinner{width:32px;height:32px;border:3px solid var(--gray-100);border-top-color:var(--brand);border-radius:50%;animation:spin .7s linear infinite;margin:0 auto}.recent-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--gray-100)}.recent-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.recent-dot.danger{background:var(--danger-border)}.recent-dot.warning{background:var(--warning-border)}.recent-dot.caution{background:var(--brand-mid)}.recent-dot.safe{background:var(--safe-border)}.recent-text{flex:1;font-size:var(--text-sm);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-type{font-size:11px;color:var(--text-muted);background:var(--gray-100);padding:2px 8px;border-radius:10px}.recent-time{font-size:11px;color:var(--text-muted);white-space:nowrap}.alert-card{padding:16px 18px;border-radius:var(--radius-lg);border:1.5px solid}.alert-card.danger{background:var(--danger-bg);border-color:var(--danger-border)}.alert-card.warning{background:var(--warning-bg);border-color:var(--warning-border)}.alert-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:8px}.alert-title{font-size:var(--text-base);font-weight:500}.alert-title.danger{color:var(--danger)}.alert-title.warning{color:var(--warning)}.alert-body{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6}.alert-meta{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:12px;color:var(--text-muted)}.plan-card{border:1.5px solid var(--gray-200);border-radius:var(--radius-lg);padding:20px;cursor:pointer;transition:border-color .15s;position:relative}.plan-card.featured{border:2px solid var(--brand)}.plan-card:hover{border-color:var(--brand-mid)}.popular-pill{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--brand);color:#fff;font-size:11px;font-weight:600;padding:4px 14px;border-radius:20px;white-space:nowrap;letter-spacing:.04em}.plan-name{font-size:var(--text-lg);font-weight:600;color:var(--text-primary)}.plan-price{font-size:28px;font-weight:600;color:var(--brand);margin:6px 0 2px}.plan-price span{font-size:var(--text-sm);color:var(--text-muted);font-weight:400}.plan-desc{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:14px;line-height:1.5}.plan-features{list-style:none;display:flex;flex-direction:column;gap:8px}.plan-feature{display:flex;align-items:flex-start;gap:10px;font-size:var(--text-sm);color:var(--text-primary);line-height:1.5}.plan-feature:before{content:"";width:16px;height:16px;background:var(--brand-light);border-radius:50%;flex-shrink:0;margin-top:1px;background-image:url("data:image/svg+xml,%3Csvg width='10' height='8' viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4L3.5 6.5L9 1' stroke='%23185FA5' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}.learn-card{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;background:#fff;border:1.5px solid var(--gray-100);border-radius:var(--radius-lg);cursor:pointer;transition:border-color .15s}.learn-card:hover{border-color:var(--brand-mid)}.learn-icon{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.learn-title{font-size:var(--text-base);font-weight:500;color:var(--text-primary);margin-bottom:4px}.learn-desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5}.learn-tag{font-size:11px;padding:3px 10px;border-radius:20px;display:inline-block;margin-top:6px;font-weight:500}.learn-tag.free{background:var(--brand-light);color:var(--brand)}.learn-tag.guardian{background:var(--safe-bg);color:var(--safe)}.section-label{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}.info-box{background:var(--brand-light);border-left:4px solid var(--brand);border-radius:0 var(--radius-md) var(--radius-md) 0;padding:14px 16px;font-size:var(--text-sm);color:var(--brand-dark);line-height:1.6}.roadmap-item{display:flex;gap:14px;align-items:flex-start;padding:12px 0;border-bottom:1px solid var(--gray-100)}.roadmap-flag{font-size:24px;flex-shrink:0}.roadmap-country{font-size:var(--text-sm);font-weight:500;color:var(--text-primary)}.roadmap-timeline{font-size:12px;color:var(--brand);font-weight:500}.roadmap-desc{font-size:12px;color:var(--text-muted);line-height:1.5;margin-top:2px}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .3s ease}.px-20{padding-left:20px;padding-right:20px}.py-16{padding-top:16px;padding-bottom:16px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mt-20{margin-top:20px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.mb-20{margin-bottom:20px}.gap-10{gap:10px}.flex-col{display:flex;flex-direction:column}.full-width{width:100%}:focus-visible{outline:3px solid var(--brand);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}