﻿:root {
    --ocr-bg-primary: #0a0e17;
    --ocr-bg-secondary: #111827;
    --ocr-bg-card: #1a2332;
    --ocr-bg-card-hover: #243044;
    --ocr-accent-blue: #3b82f6;
    --ocr-accent-blue-hover: #2563eb;
    --ocr-accent-silver: #94a3b8;
    --ocr-accent-gold: #f59e0b;
    --ocr-text-primary: #f1f5f9;
    --ocr-text-secondary: #94a3b8;
    --ocr-text-muted: #64748b;
    --ocr-border-color: #334155;
    --ocr-danger: #ef4444;
    --ocr-success: #22c55e;
    --ocr-font-stack: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --ocr-radius-sm: 6px;
    --ocr-radius-md: 12px;
    --ocr-radius-lg: 16px;
    --ocr-radius-full: 9999px;
    --ocr-shadow-sm: 0 1px 2px rgba(0,0,0,0.3);
    --ocr-shadow-md: 0 4px 12px rgba(0,0,0,0.4);
    --ocr-shadow-lg: 0 8px 24px rgba(0,0,0,0.5);
    --ocr-shadow-glow: 0 0 20px rgba(59,130,246,0.3);
    --ocr-spacing-xs: 4px;
    --ocr-spacing-sm: 8px;
    --ocr-spacing-md: 16px;
    --ocr-spacing-lg: 24px;
    --ocr-spacing-xl: 32px;
    --ocr-spacing-2xl: 48px;
    --ocr-transition: 0.3s ease;
    --ocr-header-h: 70px;
    --ocr-container: 1200px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;padding:0;font-family:var(--ocr-font-stack);font-size:16px;line-height:1.6;color:var(--ocr-text-primary);background:var(--ocr-bg-primary);min-height:100vh;display:flex;flex-direction:column}
body.no-scroll{overflow:hidden}
a{color:var(--ocr-accent-blue);text-decoration:none;transition:color var(--ocr-transition)}
a:hover{color:var(--ocr-accent-blue-hover)}
img{max-width:100%;height:auto;display:block}
h1,h2,h3,h4,h5,h6{margin:0 0 var(--ocr-spacing-md);font-weight:700;line-height:1.3;color:var(--ocr-text-primary)}
h1{font-size:clamp(1.75rem,4vw,2.5rem)}
h2{font-size:clamp(1.5rem,3vw,2rem)}
h3{font-size:clamp(1.25rem,2.5vw,1.5rem)}
p{margin:0 0 var(--ocr-spacing-md)}
ul,ol{margin:0 0 var(--ocr-spacing-md);padding-left:var(--ocr-spacing-lg)}
.ocr-container{width:100%;max-width:var(--ocr-container);margin:0 auto;padding:0 var(--ocr-spacing-md)}
.ocr-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--ocr-spacing-sm);padding:var(--ocr-spacing-sm) var(--ocr-spacing-lg);font-family:inherit;font-size:0.95rem;font-weight:600;line-height:1.5;text-decoration:none;border:2px solid transparent;border-radius:var(--ocr-radius-md);cursor:pointer;transition:all var(--ocr-transition)}
.ocr-btn-primary{background:linear-gradient(135deg,var(--ocr-accent-blue),#1d4ed8);color:#fff;border-color:var(--ocr-accent-blue)}
.ocr-btn-primary:hover{background:linear-gradient(135deg,var(--ocr-accent-blue-hover),#1e40af);box-shadow:var(--ocr-shadow-glow);color:#fff}
.ocr-btn-outline{background:transparent;color:var(--ocr-text-primary);border-color:var(--ocr-border-color)}
.ocr-btn-outline:hover{border-color:var(--ocr-accent-blue);color:var(--ocr-accent-blue)}
.ocr-btn-danger{background:var(--ocr-danger);color:#fff;border-color:var(--ocr-danger)}
.ocr-btn-danger:hover{background:#dc2626}
.ocr-card{background:var(--ocr-bg-card);border:1px solid var(--ocr-border-color);border-radius:var(--ocr-radius-lg);padding:var(--ocr-spacing-lg);transition:all var(--ocr-transition)}
.ocr-card:hover{background:var(--ocr-bg-card-hover);border-color:var(--ocr-accent-blue);box-shadow:var(--ocr-shadow-md)}
.ocr-badge-18{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:28px;padding:0 var(--ocr-spacing-sm);background:var(--ocr-danger);color:#fff;font-size:0.8rem;font-weight:700;border-radius:var(--ocr-radius-sm)}
.ocr-header{position:sticky;top:0;z-index:100;background:rgba(10,14,23,0.95);backdrop-filter:blur(10px);border-bottom:1px solid var(--ocr-border-color);height:var(--ocr-header-h)}
.ocr-header-inner{display:flex;align-items:center;justify-content:space-between;height:100%}
.ocr-logo a{display:flex;align-items:center;gap:var(--ocr-spacing-sm);text-decoration:none}
.ocr-logo img{max-height:45px;width:auto}
.ocr-logo-text{font-size:1.4rem;font-weight:800;background:linear-gradient(135deg,var(--ocr-accent-blue),var(--ocr-accent-silver));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.ocr-nav-desktop{display:none}
.ocr-nav-desktop ul{display:flex;gap:var(--ocr-spacing-lg);list-style:none;margin:0;padding:0}
.ocr-nav-desktop a{color:var(--ocr-text-secondary);font-weight:500;padding:var(--ocr-spacing-sm) 0;position:relative}
.ocr-nav-desktop a::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--ocr-accent-blue);transition:width var(--ocr-transition)}
.ocr-nav-desktop a:hover,.ocr-nav-desktop .current-menu-item a{color:var(--ocr-text-primary)}
.ocr-nav-desktop a:hover::after,.ocr-nav-desktop .current-menu-item a::after{width:100%}
.ocr-burger{display:flex;flex-direction:column;justify-content:center;align-items:center;width:44px;height:44px;padding:0;background:transparent;border:none;cursor:pointer;z-index:200}
.ocr-burger span{display:block;width:24px;height:2px;background:var(--ocr-text-primary);border-radius:2px;transition:all var(--ocr-transition)}
.ocr-burger span:nth-child(1){transform:translateY(-6px)}
.ocr-burger span:nth-child(3){transform:translateY(6px)}
.ocr-burger[aria-expanded="true"] span:nth-child(1){transform:rotate(45deg)}
.ocr-burger[aria-expanded="true"] span:nth-child(2){opacity:0;transform:scaleX(0)}
.ocr-burger[aria-expanded="true"] span:nth-child(3){transform:rotate(-45deg)}
.ocr-mobile-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.7);opacity:0;visibility:hidden;transition:all var(--ocr-transition);z-index:150}
.ocr-mobile-overlay.active{opacity:1;visibility:visible}
.ocr-mobile-nav{position:fixed;top:0;right:-100%;width:min(300px,80vw);height:100%;background:var(--ocr-bg-secondary);padding:var(--ocr-spacing-2xl) var(--ocr-spacing-lg);transition:right var(--ocr-transition);z-index:160;overflow-y:auto}
.ocr-mobile-nav.active{right:0}
.ocr-mobile-nav ul{list-style:none;margin:0;padding:0}
.ocr-mobile-nav li{border-bottom:1px solid var(--ocr-border-color)}
.ocr-mobile-nav a{display:block;padding:var(--ocr-spacing-md) 0;color:var(--ocr-text-primary);font-size:1.1rem}
.ocr-mobile-nav a:hover{color:var(--ocr-accent-blue)}
.ocr-main{flex:1;padding:var(--ocr-spacing-xl) 0}
.ocr-page-header{margin-bottom:var(--ocr-spacing-xl);padding-bottom:var(--ocr-spacing-lg);border-bottom:1px solid var(--ocr-border-color)}
.ocr-posts-grid{display:grid;gap:var(--ocr-spacing-lg)}
.ocr-post-card{display:flex;flex-direction:column}
.ocr-post-thumb{aspect-ratio:16/9;overflow:hidden;border-radius:var(--ocr-radius-md) var(--ocr-radius-md) 0 0;margin:calc(var(--ocr-spacing-lg)*-1);margin-bottom:var(--ocr-spacing-md)}
.ocr-post-thumb img{width:100%;height:100%;object-fit:cover;transition:transform var(--ocr-transition)}
.ocr-post-card:hover .ocr-post-thumb img{transform:scale(1.05)}
.ocr-post-meta{display:flex;flex-wrap:wrap;gap:var(--ocr-spacing-md);font-size:0.85rem;color:var(--ocr-text-muted);margin-bottom:var(--ocr-spacing-sm)}
.ocr-post-title{margin-bottom:var(--ocr-spacing-sm)}
.ocr-post-title a{color:var(--ocr-text-primary)}
.ocr-post-title a:hover{color:var(--ocr-accent-blue)}
.ocr-post-excerpt{color:var(--ocr-text-secondary);margin-bottom:var(--ocr-spacing-md)}
.ocr-pagination{display:flex;justify-content:center;gap:var(--ocr-spacing-sm);margin-top:var(--ocr-spacing-xl)}
.ocr-pagination a,.ocr-pagination span{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 var(--ocr-spacing-sm);background:var(--ocr-bg-card);border:1px solid var(--ocr-border-color);border-radius:var(--ocr-radius-sm);color:var(--ocr-text-secondary);font-weight:500}
.ocr-pagination a:hover,.ocr-pagination .current{background:var(--ocr-accent-blue);border-color:var(--ocr-accent-blue);color:#fff}
.ocr-single-header{margin-bottom:var(--ocr-spacing-xl)}
.ocr-single-thumb{margin-bottom:var(--ocr-spacing-lg);border-radius:var(--ocr-radius-lg);overflow:hidden}
.ocr-content{max-width:800px}
.ocr-content>*+*{margin-top:var(--ocr-spacing-md)}
.ocr-content a{text-decoration:underline}
.ocr-content img{border-radius:var(--ocr-radius-md)}
.ocr-content blockquote{margin:var(--ocr-spacing-lg) 0;padding:var(--ocr-spacing-lg);background:var(--ocr-bg-card);border-left:4px solid var(--ocr-accent-blue);border-radius:0 var(--ocr-radius-md) var(--ocr-radius-md) 0}
.ocr-search-form{display:flex;gap:var(--ocr-spacing-sm);max-width:500px}
.ocr-search-form input[type="search"]{flex:1;padding:var(--ocr-spacing-sm) var(--ocr-spacing-md);font:inherit;color:var(--ocr-text-primary);background:var(--ocr-bg-card);border:1px solid var(--ocr-border-color);border-radius:var(--ocr-radius-md);outline:none}
.ocr-search-form input:focus{border-color:var(--ocr-accent-blue)}
.ocr-404{text-align:center;padding:var(--ocr-spacing-2xl) 0}
.ocr-404-code{font-size:clamp(5rem,20vw,10rem);font-weight:800;background:linear-gradient(135deg,var(--ocr-accent-blue),var(--ocr-danger));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}
.ocr-footer{background:var(--ocr-bg-secondary);border-top:1px solid var(--ocr-border-color);padding:var(--ocr-spacing-2xl) 0 var(--ocr-spacing-lg)}
.ocr-footer-grid{display:grid;gap:var(--ocr-spacing-xl);margin-bottom:var(--ocr-spacing-xl)}
.ocr-footer-col h4{font-size:1rem;margin-bottom:var(--ocr-spacing-md);color:var(--ocr-text-primary)}
.ocr-footer-brand p{color:var(--ocr-text-secondary);font-size:0.9rem;margin-bottom:var(--ocr-spacing-md)}
.ocr-footer-nav ul{list-style:none;margin:0;padding:0}
.ocr-footer-nav li{margin-bottom:var(--ocr-spacing-sm)}
.ocr-footer-nav a{color:var(--ocr-text-secondary);font-size:0.9rem}
.ocr-footer-nav a:hover{color:var(--ocr-accent-blue)}
.ocr-footer-links{display:flex;flex-direction:column;gap:var(--ocr-spacing-sm)}
.ocr-footer-btns{display:flex;flex-wrap:wrap;gap:var(--ocr-spacing-sm);margin-top:var(--ocr-spacing-md)}
.ocr-footer-disclaimer{padding:var(--ocr-spacing-md);background:var(--ocr-bg-card);border-radius:var(--ocr-radius-md);margin-bottom:var(--ocr-spacing-lg)}
.ocr-footer-disclaimer p{font-size:0.8rem;color:var(--ocr-text-muted);margin:0}
.ocr-footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--ocr-spacing-md);padding-top:var(--ocr-spacing-lg);border-top:1px solid var(--ocr-border-color)}
.ocr-copyright{font-size:0.85rem;color:var(--ocr-text-muted)}
.ocr-scroll-top{position:fixed;bottom:var(--ocr-spacing-lg);right:var(--ocr-spacing-lg);width:48px;height:48px;background:var(--ocr-accent-blue);color:#fff;border:none;border-radius:var(--ocr-radius-full);cursor:pointer;opacity:0;visibility:hidden;transform:translateY(20px);transition:all var(--ocr-transition);z-index:90;box-shadow:var(--ocr-shadow-md)}
.ocr-scroll-top.visible{opacity:1;visibility:visible;transform:translateY(0)}
.ocr-scroll-top:hover{background:var(--ocr-accent-blue-hover);box-shadow:var(--ocr-shadow-glow)}
.ocr-scroll-top svg{width:24px;height:24px}
.ocr-age-modal{position:fixed;inset:0;background:rgba(0,0,0,0.9);display:flex;align-items:center;justify-content:center;z-index:9999;padding:var(--ocr-spacing-md)}
.ocr-age-modal.hidden{display:none}
.ocr-age-box{background:var(--ocr-bg-secondary);border:1px solid var(--ocr-border-color);border-radius:var(--ocr-radius-lg);padding:var(--ocr-spacing-xl);max-width:420px;width:100%;text-align:center;box-shadow:var(--ocr-shadow-lg)}
.ocr-age-icon{width:80px;height:80px;margin:0 auto var(--ocr-spacing-lg);background:var(--ocr-danger);border-radius:var(--ocr-radius-full);display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:800;color:#fff}
.ocr-age-box h2{margin-bottom:var(--ocr-spacing-sm)}
.ocr-age-box p{color:var(--ocr-text-secondary);margin-bottom:var(--ocr-spacing-lg)}
.ocr-age-btns{display:flex;flex-direction:column;gap:var(--ocr-spacing-sm)}
@media(min-width:768px){
.ocr-nav-desktop{display:block}
.ocr-burger,.ocr-mobile-nav,.ocr-mobile-overlay{display:none}
.ocr-posts-grid{grid-template-columns:repeat(2,1fr)}
.ocr-footer-grid{grid-template-columns:repeat(3,1fr)}
.ocr-age-btns{flex-direction:row;justify-content:center}
}
@media(min-width:1024px){
.ocr-posts-grid{grid-template-columns:repeat(3,1fr)}
}
.elementor-page .ocr-main{padding:0}
.alignwide{max-width:calc(var(--ocr-container) + 100px);margin-left:auto;margin-right:auto}
.alignfull{max-width:none;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%)}
