:root{--bg:#f7f5f0;--dark:#0d0c0a;--accent:#ff3d00;--accent-muted:rgba(255,61,0,.08);--surface:#fff;--border:#e8e4dc;--text:#0d0c0a;--text-muted:#6b6560;--font-display:"Clash Display",sans-serif;--font-body:"Inter",sans-serif;--radius-sm:2px;--radius-md:4px;--transition:.2s ease;--space-xs:.5rem;--space-sm:1rem;--space-md:2rem;--space-lg:4rem;--space-xl:8rem;--max-w:1200px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:1rem;line-height:1.6;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}ul{list-style:none}button{background:none;border:none;cursor:pointer;font-family:inherit}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;letter-spacing:-.02em;line-height:1.1}h1{font-size:clamp(2.8rem,6vw,5.5rem)}h2{font-size:clamp(2rem,4vw,3rem)}h3{font-size:clamp(1.25rem,2vw,1.75rem)}.container{margin:0 auto;max-width:var(--max-w);padding:0 var(--space-md);width:100%}.site-header{left:0;position:fixed;right:0;top:0;transition:background var(--transition),box-shadow var(--transition);z-index:100}.site-header.scrolled{background:var(--bg);box-shadow:0 1px 0 var(--border)}.nav{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:var(--max-w);padding:1.25rem var(--space-md)}.nav-logo{color:var(--dark);font-family:var(--font-display);font-size:1.5rem;font-weight:600;letter-spacing:-.03em;transition:color var(--transition)}.nav-links{align-items:center;display:flex;gap:var(--space-md)}.nav-links li a{color:var(--text-muted);font-size:.9rem;font-weight:500;transition:color var(--transition)}.nav-links li a.router-link-active,.nav-links li a:hover{color:var(--text)}.nav-cta{align-items:center;background:var(--dark);border:1px solid var(--dark);border-radius:var(--radius-sm);color:var(--bg)!important;display:inline-flex;font-size:.9rem!important;font-weight:500!important;gap:.4rem;padding:.55rem 1.25rem;transition:background var(--transition),border-color var(--transition)!important}.nav-cta:hover{background:var(--accent)!important;border-color:var(--accent)!important}.site-header.on-home:not(.scrolled) .nav-logo{color:#fff}.site-header.on-home:not(.scrolled) .nav-links li a{color:#ffffffa6}.site-header.on-home:not(.scrolled) .nav-links li a.router-link-active,.site-header.on-home:not(.scrolled) .nav-links li a:hover{color:#fff}.site-header.on-home:not(.scrolled) .nav-cta{background:#ffffff26!important;border-color:#ffffff4d!important;color:#fff!important}.site-header.on-home:not(.scrolled) .nav-cta:hover{background:var(--accent)!important;border-color:var(--accent)!important}.btn-primary{align-items:center;background:var(--dark);border:1.5px solid var(--dark);border-radius:var(--radius-sm);color:var(--bg);display:inline-flex;font-family:var(--font-body);font-size:.95rem;font-weight:500;gap:.5rem;padding:.8rem 2rem;transition:background var(--transition),transform var(--transition)}.btn-primary:hover{background:var(--accent);border-color:var(--accent);transform:translateY(-1px)}.btn-secondary{align-items:center;background:transparent;border:1.5px solid var(--dark);border-radius:var(--radius-sm);color:var(--text);display:inline-flex;font-family:var(--font-body);font-size:.95rem;font-weight:500;gap:.5rem;padding:.8rem 2rem;transition:background var(--transition),color var(--transition)}.btn-secondary:hover{background:var(--dark);color:var(--bg)}.hero-wrapper{align-items:center;display:flex;justify-content:center;min-height:100svh;overflow:hidden;position:relative}.hero-bg{background-image:url(https://images.unsplash.com/photo-1461749280684-dccba630e2f6?w=1600&auto=format&fit=crop);background-position:50%;background-size:cover;filter:brightness(.35);inset:0;position:absolute;z-index:0}.hero{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:var(--max-w);padding:8rem var(--space-md) var(--space-lg);position:relative;width:100%;z-index:1}.hero h1{color:#fff;max-width:14ch}.hero h1,.hero p{margin-bottom:var(--space-md)}.hero p{color:#ffffffb3;font-size:1.15rem;max-width:45ch}.marquee-band{background:var(--dark);color:var(--bg);overflow:hidden;padding:1rem 0;white-space:nowrap}.marquee-inner{animation:marquee 20s linear infinite;display:inline-flex;gap:0}.marquee-inner span{font-family:var(--font-display);font-size:.85rem;font-weight:500;letter-spacing:.08em;padding:0 2.5rem;text-transform:uppercase}.marquee-inner .dot{color:var(--accent);padding:0}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.section{margin:0 auto;max-width:var(--max-w);padding:var(--space-xl) var(--space-md)}.section-header{margin-bottom:var(--space-lg)}.section-header h2{margin-bottom:.75rem}.section-header p{color:var(--text-muted);font-size:1.1rem;max-width:50ch}.offers{padding:var(--space-xl) var(--space-md)}.offers>h2{margin:0 auto var(--space-lg);max-width:var(--max-w)}.offers-grid{align-items:stretch;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:var(--max-w)}.offer-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;flex-direction:column;padding:2.5rem;position:relative;transition:transform var(--transition),box-shadow var(--transition)}.offer-card:hover{box-shadow:0 12px 40px #0d0c0a14;transform:translateY(-4px)}.offer-card--featured{background:var(--dark);border-color:var(--dark);border-top:3px solid var(--accent);color:var(--bg);padding-top:calc(2.5rem - 3px)}.offer-card--featured .offer-features li,.offer-card--featured .offer-subtitle,.offer-card--featured p{color:#f7f5f0a6}.offer-card--featured .offer-price{color:var(--bg)}.offer-card--featured .btn-offer{background:var(--accent);border-color:var(--accent);color:#fff}.offer-edit-btn{align-items:center;background:var(--accent);border-radius:var(--radius-sm);bottom:1.25rem;color:#fff;display:flex;font-size:1rem;height:2rem;justify-content:center;opacity:0;position:absolute;right:1.25rem;transition:opacity var(--transition);width:2rem;z-index:2}.offer-card:hover .offer-edit-btn{opacity:1}.offer-badge-star{align-items:center;background:#2563eb;border-radius:50%;box-shadow:0 2px 8px #2563eb66;color:#fff;display:flex;font-size:1.1rem;height:2.2rem;justify-content:center;position:absolute;right:1.25rem;top:1.25rem;width:2.2rem}.offer-card h3{font-size:1.5rem;margin-bottom:.35rem}.offer-subtitle{color:var(--text-muted);font-size:.9rem;margin-bottom:1.5rem}.offer-price{font-family:var(--font-display);font-size:2.5rem;font-weight:600;letter-spacing:-.03em;line-height:1;margin-bottom:1rem}.offer-price span{font-size:1rem;font-weight:400;opacity:.6}.offer-card>p{color:var(--text-muted);font-size:.9rem;margin-bottom:1.5rem}.offer-features{display:flex;flex-direction:column;gap:.6rem;margin-bottom:2rem}.offer-features li{align-items:center;display:flex;font-size:.9rem;gap:.6rem}.offer-features li:before{background:var(--accent);border-radius:50%;content:"";flex-shrink:0;height:6px;width:6px}.btn-offer{background:transparent;border:1.5px solid;border-radius:var(--radius-sm);color:var(--text);display:block;font-size:.9rem;font-weight:500;margin-top:auto;padding:.8rem;text-align:center;transition:background var(--transition),color var(--transition)}.btn-offer:hover{background:var(--dark);border-color:var(--dark);color:var(--bg)}.portfolio-preview{margin:0 auto;max-width:var(--max-w);padding:var(--space-xl) var(--space-md)}.portfolio-preview h2{margin-bottom:var(--space-lg)}.projects-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);margin-bottom:var(--space-md)}.project-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);display:block;overflow:hidden;transition:transform var(--transition),box-shadow var(--transition)}.project-card:hover{box-shadow:0 12px 40px #0d0c0a1a;transform:translateY(-4px)}.project-card img{aspect-ratio:16/10;-o-object-fit:cover;object-fit:cover;width:100%}.project-info{padding:1.5rem}.project-info h3{font-size:1.1rem;margin-bottom:.5rem}.project-info p{color:var(--text-muted);font-size:.875rem;margin-bottom:.75rem}.project-tags{display:flex;flex-wrap:wrap;gap:.4rem}.project-tags span{background:var(--accent-muted);border-radius:var(--radius-sm);color:var(--accent);font-size:.75rem;font-weight:500;padding:.2rem .65rem}.blog-preview{background:var(--dark);color:var(--bg);padding:var(--space-xl) var(--space-md)}.blog-preview>*{margin-left:auto;margin-right:auto;max-width:var(--max-w)}.blog-preview h2{color:var(--bg);margin-bottom:var(--space-lg)}.articles-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);margin-bottom:var(--space-md)}.article-card{border:1px solid rgba(247,245,240,.1);border-radius:var(--radius-md);display:block;overflow:hidden;transition:border-color var(--transition),transform var(--transition)}.article-card:hover{border-color:var(--accent);transform:translateY(-4px)}.article-card img{aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;width:100%}.article-info{padding:1.5rem}.article-info h3{color:var(--bg);font-size:1.1rem;margin-bottom:.5rem}.article-info p{color:#f7f5f08c;font-size:.875rem;margin-bottom:.75rem}.article-info time{color:var(--accent);font-size:.8rem}.blog-preview .btn-secondary{border-color:#f7f5f04d;color:var(--bg);display:block;margin:var(--space-md) auto 0;width:-moz-fit-content;width:fit-content}.blog-preview .btn-secondary:hover{background:var(--bg);border-color:var(--bg);color:var(--dark)}.contact-cta{margin:0 auto;max-width:var(--max-w);padding:var(--space-xl) var(--space-md);text-align:center}.contact-cta h2{margin-bottom:1rem}.contact-cta p{color:var(--text-muted);font-size:1.1rem;margin-bottom:var(--space-md)}.site-footer{border-top:1px solid var(--border);color:var(--text-muted);font-size:.875rem;padding:var(--space-md);text-align:center}.page-about{padding-top:8rem}.about-hero{border-bottom:1px solid var(--border);margin:0 auto;max-width:var(--max-w);padding:var(--space-xl) var(--space-md)}.about-hero h1{margin-bottom:1.5rem}.about-intro{color:var(--text-muted);font-size:1.25rem;max-width:55ch}.about-body{font-size:1.05rem;line-height:1.8;margin:0 auto;max-width:70ch;padding:var(--space-lg) var(--space-md)}.page-contact{margin:0 auto;max-width:620px;padding-bottom:var(--space-xl);padding-left:var(--space-md);padding-right:var(--space-md);padding-top:8rem}.page-contact h1{margin-bottom:var(--space-lg)}.page-portfolio,.page-project{margin:0 auto;max-width:var(--max-w);padding-bottom:var(--space-xl);padding-left:var(--space-md);padding-right:var(--space-md);padding-top:8rem}.page-portfolio h1,.page-project h1{margin-bottom:var(--space-lg)}.page-project img{border-radius:var(--radius-md);margin-bottom:var(--space-md);max-height:500px;-o-object-fit:cover;object-fit:cover;width:100%}.project-description{color:var(--text-muted);font-size:1.05rem;margin:var(--space-md) 0;max-width:60ch}.back-link{align-items:center;color:var(--text-muted);display:inline-flex;font-size:.9rem;gap:.5rem;margin-bottom:var(--space-md);transition:color var(--transition)}.back-link:hover{color:var(--accent)}.page-blog{margin:0 auto;max-width:var(--max-w);padding-bottom:var(--space-xl);padding-left:var(--space-md);padding-right:var(--space-md);padding-top:8rem}.page-blog h1{margin-bottom:var(--space-lg)}.page-article{margin:0 auto;max-width:780px;padding-bottom:var(--space-xl);padding-left:var(--space-md);padding-right:var(--space-md);padding-top:8rem}.article-header{margin:var(--space-md) 0}.article-header h1{margin-bottom:.5rem}.article-header time{color:var(--accent);font-size:.875rem}.article-content{color:var(--text);font-size:1.05rem;line-height:1.8}.article-content h2{margin:2rem 0 1rem}.article-content p{margin-bottom:1.25rem}.admin-form form,.contact-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-group label{color:var(--text);font-size:.875rem;font-weight:500}.form-group input,.form-group select,.form-group textarea{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:var(--font-body);font-size:.95rem;outline:none;padding:.75rem 1rem;transition:border-color var(--transition);width:100%}.form-group input:focus,.form-group textarea:focus{border-color:var(--dark)}.form-group input[type=color]{cursor:pointer;height:2.5rem;padding:.25rem}.form-row{display:grid;gap:1rem;grid-template-columns:1fr 1fr}.form-checkbox{align-items:center;flex-direction:row;gap:.6rem}.form-checkbox input[type=checkbox]{accent-color:var(--accent);flex-shrink:0;height:1.1rem;width:1.1rem}.form-actions{align-items:center;display:flex;gap:1rem;padding-top:.5rem}.form-error{background:#fef2f2;border-left:3px solid #dc2626;color:#dc2626}.form-error,.form-success{border-radius:var(--radius-sm);font-size:.875rem;padding:.75rem 1rem}.form-success{background:#f0fdf4;border-left:3px solid #16a34a;color:#16a34a}.field-error{color:#dc2626;font-size:.8rem}.input-error{border-color:#dc2626!important}.field-footer{align-items:center;display:flex;justify-content:space-between}.char-count{color:var(--text-muted);font-size:.8rem;margin-left:auto}.char-count--over{color:#dc2626;font-weight:600}.admin-shell{background:#f5f4f1;display:flex;min-height:100svh}.admin-sidebar{background:var(--dark);color:var(--bg);display:flex;flex-direction:column;flex-shrink:0;gap:.5rem;height:100svh;padding:2rem 1.5rem;position:sticky;top:0;width:240px}.admin-logo{color:var(--bg);font-family:var(--font-display);font-size:1.1rem;font-weight:600;letter-spacing:-.02em;margin-bottom:2rem}.admin-nav{display:flex;flex:1;flex-direction:column;gap:.25rem}.admin-nav a{border-radius:var(--radius-sm);color:#f7f5f099;font-size:.9rem;padding:.6rem .75rem;transition:background var(--transition),color var(--transition)}.admin-nav a:hover{background:#f7f5f014;color:var(--bg)}.admin-nav a.router-link-active{background:#ff3d0026;color:var(--accent)}.admin-logout{border-radius:var(--radius-sm);border-top:1px solid rgba(247,245,240,.1);color:#f7f5f066;font-size:.9rem;margin-top:.5rem;padding:1rem .75rem .6rem;text-align:left;transition:color var(--transition)}.admin-logout:hover{color:#dc2626}.admin-content{flex:1;max-width:960px;overflow-y:auto;padding:2.5rem}.admin-dashboard h1,.admin-form h1,.admin-list h1,.admin-messages h1{font-size:1.75rem;margin-bottom:2rem}.stats-grid{display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-bottom:2rem}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:.25rem;padding:1.5rem}.stat-card--alert{border-color:var(--accent)}.stat-number{font-family:var(--font-display);font-size:2.5rem;font-weight:600;line-height:1}.stat-label{color:var(--text-muted);font-size:.875rem}.stat-card a{color:var(--accent);font-size:.8rem;margin-top:.5rem}.admin-list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.admin-list-header h1{margin-bottom:0}.admin-table{background:var(--surface);border:1px solid var(--border);border-collapse:collapse;border-radius:var(--radius-md);font-size:.9rem;overflow:hidden;width:100%}.admin-table th{background:#f5f4f1;color:var(--text-muted);font-size:.8rem;font-weight:600;letter-spacing:.05em;padding:.75rem 1rem;text-align:left;text-transform:uppercase}.admin-table td,.admin-table th{border-bottom:1px solid var(--border)}.admin-table td{color:var(--text);padding:.85rem 1rem}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background:#fafaf8}.btn-toggle{background:#f5f4f1;border:1px solid var(--border);border-radius:999px;color:var(--text-muted);font-size:.8rem;font-weight:500;padding:.3rem .75rem;transition:all var(--transition)}.btn-toggle.active{background:#ecfdf5;border-color:#a7f3d0;color:#16a34a}.btn-edit{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:.8rem;padding:.3rem .65rem;transition:all var(--transition)}.btn-edit:hover{background:var(--dark);border-color:var(--dark);color:var(--bg)}.btn-delete{border:1px solid #fecaca;border-radius:var(--radius-sm);color:#dc2626;font-size:.8rem;margin-left:.5rem;padding:.3rem .65rem;transition:all var(--transition)}.btn-delete:hover{background:#dc2626;border-color:#dc2626;color:#fff}.btn-sm{font-size:.8rem;padding:.3rem .75rem}.admin-form{max-width:640px}.content-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:1.5rem;padding:2rem}.content-section h2{font-size:1.25rem;margin-bottom:1.5rem}.empty-state{color:var(--text-muted);padding:3rem;text-align:center}.empty-state,.message-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md)}.message-card{margin-bottom:1rem;padding:1.5rem;transition:border-color var(--transition)}.message-card.unread{border-left:3px solid var(--accent)}.message-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.message-header strong{font-weight:600}.message-header a{color:var(--text-muted);font-size:.875rem}.message-header time{color:var(--text-muted);font-size:.8rem;margin-left:auto}.message-body{color:var(--text-muted);font-size:.95rem;line-height:1.7}.badge-read{background:#ecfdf5;border-radius:999px;color:#16a34a;font-size:.75rem;padding:.2rem .6rem}.admin-login{align-items:center;background:var(--dark);display:flex;justify-content:center;min-height:100svh;padding:var(--space-md)}.login-card{background:var(--surface);border-radius:var(--radius-md);max-width:420px;padding:3rem;width:100%}.login-card h1{font-size:1.75rem;margin-bottom:2rem}@media(max-width:768px){h1{font-size:clamp(2.2rem,8vw,3rem)}.nav-links{display:none}.articles-grid,.offers-grid,.projects-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}.form-row{grid-template-columns:1fr}.admin-shell{flex-direction:column}.admin-sidebar{height:auto;padding:1rem;position:static;width:100%}.admin-nav,.admin-sidebar{flex-direction:row;flex-wrap:wrap}.admin-content{padding:1.5rem}}@media(max-width:480px){.stats-grid{grid-template-columns:1fr}}