.main-content{max-width:1100px;margin:0 auto;padding:1rem}@media (max-width:768px){.main-content{padding-top:calc(1rem + 70px)}}@media (max-width:480px){.main-content{padding-top:calc(.75rem + 65px)}}.home-hero{text-align:left;margin:.5rem 0 1.5rem}[dir=rtl] .home-hero{text-align:center}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;align-items:start}.card{display:block;background:var(--color-bg,#fff);border:1px solid var(--color-border,#e2e8f0);border-radius:.75rem;padding:1rem;text-decoration:none;color:var(--color-text,#1a202c);box-shadow:var(--shadow-sm,0 2px 8px rgba(0,0,0,.05));transition:var(--transition, transform .2s ease, box-shadow .2s ease);align-self:start}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md,0 6px 18px rgba(0,0,0,.08))}.card-thumb{width:100%;height:auto;border-radius:.5rem;margin-bottom:.75rem;display:block}.card-title{font-weight:700;margin:0 0 .4rem;font-size:1.05rem;color:var(--color-text,#1a202c)}.card-desc{color:var(--color-text-secondary,#4a5568);font-size:.95rem;line-height:1.5}[data-theme=dark] .card{background:var(--color-bg-secondary,#1e293b);border-color:var(--color-border,#334155)}[data-theme=dark] .card-title{color:var(--color-text,#f8fafc)}[data-theme=dark] .card-desc{color:var(--color-text-secondary,#e2e8f0)}[data-theme=dark] .card div:not(.btn),[data-theme=dark] .card p,[data-theme=dark] .card span:not(.btn){color:var(--color-text,#f8fafc)}.card .btn{display:inline-block;margin-top:.6rem;padding:.5rem .75rem;border:1px solid var(--color-text,#1a202c);border-radius:.5rem;background:var(--color-bg,#fff);color:var(--color-text,#1a202c);text-decoration:none;font-weight:600;transition:var(--transition, background-color .15s ease, color .15s ease)}.card .btn:hover{background:var(--color-text,#1a202c);color:var(--color-bg,#fff)}.share-fab{position:fixed;right:24px;bottom:24px;width:64px;height:64px;border-radius:50%;background:var(--color-primary,#2563eb);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(37,99,235,.4),0 8px 24px rgba(37,99,235,.2);cursor:pointer;z-index:2000;border:none;font-size:0;transition:.3s cubic-bezier(.4, 0, .2, 1);overflow:hidden}.share-fab::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.2);transform:translate(-50%,-50%);transition:width .6s,height .6s}.share-fab:hover::before{width:300px;height:300px}.share-fab:hover{background:var(--color-primary-dark,#1d4ed8);transform:scale(1.1) translateY(-2px);box-shadow:0 6px 16px rgba(37,99,235,.5),0 12px 32px rgba(37,99,235,.3)}.share-fab:active{transform:scale(1.05) translateY(0)}.share-fab svg{width:24px;height:24px;fill:currentColor;position:relative;z-index:1;transition:transform .3s cubic-bezier(.4, 0, .2, 1)}.share-fab:hover svg{transform:rotate(15deg) scale(1.1)}[data-theme=dark] .share-fab{background:var(--color-primary,#3b82f6);box-shadow:0 4px 12px rgba(59,130,246,.4),0 8px 24px rgba(59,130,246,.2)}[data-theme=dark] .share-fab:hover{background:var(--color-primary-dark,#2563eb);box-shadow:0 6px 16px rgba(59,130,246,.5),0 12px 32px rgba(59,130,246,.3)}.scroll-to-top{position:fixed;right:24px;bottom:90px;width:56px;height:56px;border-radius:50%;background:var(--color-primary,#2563eb);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(37,99,235,.4),0 8px 24px rgba(37,99,235,.2);cursor:pointer;z-index:1999;border:none;font-size:0;transition:.3s cubic-bezier(.4, 0, .2, 1);opacity:0;visibility:hidden;transform:translateY(20px)}.scroll-to-top.show{opacity:1;visibility:visible;transform:translateY(0)}.scroll-to-top:hover{background:var(--color-primary-dark,#1d4ed8);transform:translateY(-4px) scale(1.05);box-shadow:0 6px 16px rgba(37,99,235,.5),0 12px 32px rgba(37,99,235,.3)}.scroll-to-top:active{transform:translateY(-2px) scale(1.02)}.scroll-to-top svg{width:24px;height:24px;fill:currentColor}[data-theme=dark] .scroll-to-top{background:var(--color-primary,#3b82f6);box-shadow:0 4px 12px rgba(59,130,246,.4),0 8px 24px rgba(59,130,246,.2)}[data-theme=dark] .scroll-to-top:hover{background:var(--color-primary-dark,#2563eb)}@media (max-width:768px){.share-fab{right:16px;bottom:16px;width:56px;height:56px}.share-fab svg{width:20px;height:20px}.scroll-to-top{right:16px;bottom:80px;width:52px;height:52px}.scroll-to-top svg{width:20px;height:20px}}@media (max-width:480px){.share-fab{right:12px;bottom:12px;width:52px;height:52px}.share-fab svg{width:18px;height:18px}.scroll-to-top{right:12px;bottom:70px;width:48px;height:48px}.scroll-to-top svg{width:18px;height:18px}}.hero-image-container{width:100%;max-width:800px;margin:0 auto var(--spacing-xl);text-align:center;overflow:hidden;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.hero-image{max-width:600px;width:100%;height:auto;display:block;margin:0 auto;border-radius:var(--radius-md);box-shadow:var(--shadow-md);transition:var(--transition)}.skip-link{position:absolute;top:-40px;left:0;background:var(--color-primary,#1a202c);color:#fff;padding:8px;text-decoration:none;z-index:10000}.skip-link:focus{top:0}.share-menu{position:fixed;z-index:2001;opacity:0;visibility:hidden;transform:translateY(10px);transition:.2s}.share-menu.show{opacity:1;visibility:visible;transform:translateY(0)}.share-menu-content{background:var(--color-bg,#fff);border:1px solid var(--color-border,#e2e8f0);border-radius:.5rem;box-shadow:0 4px 12px rgba(0,0,0,.15);padding:.5rem;min-width:140px}.share-option{width:100%;padding:.75rem 1rem;background:0 0;border:none;border-radius:.375rem;text-align:left;cursor:pointer;font-size:.875rem;color:var(--color-text,#1a202c);transition:background-color .15s;display:flex;align-items:center;gap:.5rem}.share-option:hover{background:var(--color-bg-secondary,#f7fafc)}[data-theme=dark] .share-menu-content{background:var(--color-bg-secondary,#1e293b);border-color:var(--color-border,#334155)}[data-theme=dark] .share-option{color:var(--color-text,#f8fafc)}[data-theme=dark] .share-option:hover{background:var(--color-bg-dark,#334155)}.highlight-box{border:1px solid #333;padding:1.25rem;margin:1.5rem 0;background:#000;color:#fff;border-radius:6px}.highlight-box p{color:#fff;margin-bottom:1rem}.highlight-box p:last-child{margin-bottom:0}.highlight-box a{color:#7dd3fc}.text-large{font-size:24px}.aspect-video{height:auto;width:100%;aspect-ratio:640/360}.site-footer{background:var(--color-bg-secondary,#1e293b);border-top:1px solid var(--color-border,#334155);padding:2rem 1rem;margin-top:3rem;text-align:center}.site-footer p{color:var(--color-text-secondary,#94a3b8);font-size:.875rem;margin:0}.site-footer a{color:var(--color-primary,#3b82f6)}[data-theme=dark] .site-footer{background:var(--color-bg-dark,#0f172a)}