body{color:#fff;background-color:#0b0d12;min-height:100vh;margin:0}.navbar{z-index:50;-webkit-backdrop-filter:blur(20px)saturate(170%);background:linear-gradient(135deg,#ffffff1a,#ffffff08);border:1px solid #ffffff24;border-radius:18px;max-width:380px;margin:16px auto 0;position:sticky;top:16px;box-shadow:0 8px 32px #00000059,inset 0 1px #ffffff38}.nav-items{justify-content:flex-end;align-items:center;gap:6px;height:58px;padding:0 10px;display:flex}.nav-items button{color:#ffffffb8;cursor:pointer;background:0 0;border:none;border-radius:12px;padding:9px 16px;font-family:inherit;font-size:15px;font-weight:500;transition:all .18s}.nav-items button:hover{color:#fff;background:#ffffff1a;box-shadow:inset 0 1px #ffffff2e}.nav-items button:last-child{color:#fff;background:linear-gradient(135deg,#e8552df2,#e8552db3);border:1px solid #ffffff47;margin-left:6px;font-weight:600;box-shadow:inset 0 1px #ffffff59,0 4px 16px #e8552d66}.nav-items button:last-child:hover{background:linear-gradient(135deg,#e8552d,#e8552dd1)}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.navbar{background:#14171eeb}}.main-box{flex-direction:column;gap:24px;max-width:960px;margin:0 auto;padding:32px 24px 80px;display:flex}.main-box>div{-webkit-backdrop-filter:blur(16px)saturate(160%);background:linear-gradient(135deg,#ffffff14,#ffffff05);border:1px solid #ffffff1f;border-radius:20px;padding:40px;box-shadow:0 8px 32px #00000047,inset 0 1px #ffffff2e}.main-box h1{letter-spacing:-.02em;color:#fff;margin:0;padding-left:18px;font-size:clamp(28px,4vw,40px);font-weight:700;position:relative}.main-box h1:before{content:"";background:#e8552d;border-radius:3px;width:5px;height:.78em;position:absolute;top:50%;left:0;transform:translateY(-50%)}@media (width<=600px){.main-box{padding:20px 16px 56px}.main-box>div{padding:26px}}.services-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px;display:grid}.service-card{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;align-items:flex-start;padding:26px;transition:transform .18s,border-color .18s,background .18s;display:flex}.service-card:hover{background:#ffffff0f;border-color:#e8552d73;transform:translateY(-4px)}.service-icon{color:#e8552d;background:#e8552d1f;border:1px solid #e8552d40;border-radius:12px;justify-content:center;align-items:center;width:46px;height:46px;margin-bottom:18px;font-size:20px;display:flex}.service-card h3{color:#fff;margin:0 0 10px;font-size:19px;font-weight:600}.service-card p{color:#ffffff9e;margin:0 0 18px;font-size:14.5px;line-height:1.6}.service-price{color:#e8552d;margin-top:auto;font-family:monospace;font-size:15px;font-weight:600}@media (width<=720px){.services-grid{grid-template-columns:1fr}}.about-body{max-width:680px;margin-top:24px}.about-lead{color:#fff;margin:0 0 16px;font-size:clamp(18px,2.4vw,22px);font-weight:500;line-height:1.5}.about-lead strong,.about-text strong{color:#e8552d;font-weight:600}.about-text{color:#ffffffa6;margin:0 0 28px;font-size:15.5px;line-height:1.7}.about-stack{flex-wrap:wrap;gap:10px;display:flex}.about-stack span{color:#ffffffd9;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:8px;padding:7px 13px;font-family:monospace;font-size:13.5px;transition:border-color .15s,color .15s}.about-stack span:hover{color:#fff;border-color:#e8552d80}.works-title{color:#fff;margin:40px 0 0;padding-left:18px;font-size:22px;font-weight:600;position:relative}.works-title:before{content:"";background:#e8552d;border-radius:3px;width:5px;height:.78em;position:absolute;top:50%;left:0;transform:translateY(-50%)}.service-card .work-img{aspect-ratio:16/10;background:linear-gradient(135deg,#ffffff0f,#ffffff05);border:1px solid #ffffff14;border-radius:10px;width:100%;margin-bottom:16px;position:relative;overflow:hidden}.service-card .work-img img{object-fit:cover;z-index:1;width:100%;height:100%;display:block;position:relative}.service-card .work-ph{color:#ffffff4d;justify-content:center;align-items:center;font-family:monospace;font-size:13px;display:flex;position:absolute;inset:0}.service-card .work-img{aspect-ratio:16/9;cursor:zoom-in;background:linear-gradient(135deg,#ffffff0f,#ffffff05);border:1px solid #ffffff14;border-radius:10px;width:100%;margin-bottom:16px;position:relative;overflow:hidden}.service-card .work-img img{object-fit:cover;width:100%;height:100%;display:block}.work-img.expanded{z-index:1000;aspect-ratio:auto;cursor:zoom-out;background:#000000eb;border:none;border-radius:0;justify-content:center;align-items:center;width:100vw;height:100vh;margin:0;display:flex;position:fixed;inset:0}.work-img.expanded img{object-fit:contain;border-radius:8px;width:auto;max-width:92vw;height:auto;max-height:92vh}.work-img.expanded{z-index:1000;cursor:zoom-out;background:#000000eb;border:none;border-radius:0;justify-content:center;align-items:center;width:100vw;height:100vh;margin:0;display:flex;position:fixed;inset:0;transform:none}.lightbox{z-index:1000;cursor:zoom-out;background:#000000eb;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lightbox img{object-fit:contain;border-radius:8px;max-width:92vw;max-height:92vh}.form-body{max-width:560px;margin-top:24px}.field{flex-direction:column;margin-bottom:18px;display:flex}.field label{color:#ffffff8c;letter-spacing:.02em;margin-bottom:8px;font-size:13px;font-weight:500}.field input,.field textarea{color:#fff;resize:vertical;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:12px;padding:13px 15px;font-family:inherit;font-size:15px;transition:border-color .15s,background .15s}.field input::placeholder,.field textarea::placeholder{color:#ffffff4d}.field input:focus,.field textarea:focus{background:#ffffff12;border-color:#e8552d99;outline:none}.form-submit{color:#fff;cursor:pointer;background:#e8552d;border:none;border-radius:12px;padding:13px 26px;font-family:inherit;font-size:15px;font-weight:600;transition:background .15s}.form-submit:hover{background:#d1481f}.sent-status{color:#2ecc71;background:#2ecc711f;border:1px solid #2ecc7159;border-radius:10px;align-items:center;gap:8px;max-width:100px;margin-top:16px;padding:12px 16px;font-size:15px;font-weight:500}.sent-status:before{content:"✓";font-size:16px}.services,.about,.appointment{scroll-margin-top:90px}
