:root{color-scheme:light;--paper:#f6f5f2;--ink:#242329;--muted:#65636c;--accent:#ad2858;--line:#deddd9}
    *{box-sizing:border-box}
    html{min-width:280px;background:var(--paper)}
    body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}
    .page{width:min(1220px,100%);min-height:100vh;min-height:100svh;margin:auto;padding:24px 40px;display:flex;flex-direction:column}
    main{flex:1;display:grid;grid-template-columns:1.23fr 1fr;gap:54px;align-items:center;padding:28px 0}
    .status{display:inline-flex;align-items:center;gap:9px;font-size:12px;line-height:1.4;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:20px}
    .status-dot{width:7px;height:7px;flex-shrink:0;border-radius:50%;background:currentColor;box-shadow:0 0 0 5px #ad28580c}
    h1{font-size:clamp(38px,4vw,50px);line-height:1.04;letter-spacing:-.055em;font-weight:600;margin:0 0 20px;max-width:650px}
    h1 span{color:#28644e}
    .intro{font-size:16px;line-height:1.7;color:var(--muted);margin:0;max-width:540px}
    .intro strong{font-weight:600;color:var(--ink)}
    .actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:22px}
    .button{border:1px solid var(--accent);text-decoration:none;border-radius:9px;min-height:54px;padding:15px 22px;background:var(--accent);color:#fff;font:600 14px/1.4 Arial,Helvetica,sans-serif;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:12px;transition:background .18s,transform .18s}
    .button:hover{background:#8d2048;border-color:#8d2048}
    .button:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
    .button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
    .button.secondary{background:transparent;color:var(--ink);border-color:#d5d1d5;font-weight:500}
    .button.secondary:hover{background:#eeebec;border-color:#bdb5bb}
    .work-notice{display:flex;align-items:flex-start;gap:10px;margin-top:18px;padding:13px 14px;border:1px solid #d6e3da;border-radius:8px;background:#edf4ef;max-width:540px;color:#2d604c}
    .work-notice svg{width:19px;height:19px;flex-shrink:0;margin-top:1px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
    .work-notice p{font-size:14px;line-height:1.6;margin:0}
    .refresh-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;margin:7px 0 0;padding:7px 0;border:0;background:transparent;color:var(--muted);font:400 13px/1.5 Arial,Helvetica,sans-serif;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
    .refresh-button svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
    .refresh-button:hover{color:var(--ink)}
    .refresh-button:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:3px}
    .contact-card{position:relative;min-width:0;border-radius:24px;background:#28212d;color:#fff;padding:27px;overflow:hidden;isolation:isolate}
    .contact-card::before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 90% 0%,#8f416150,transparent 65%)}
    .eyebrow{display:block;color:#d5bed1;font-size:13px;line-height:1.5;margin-bottom:12px}
    h2{font-size:27px;line-height:1.2;letter-spacing:-.03em;font-weight:500;margin:0}
    .mini-art{position:relative;height:144px;overflow:visible;margin:12px 0}
    address{font-style:normal}
    .contact-link{display:block;padding:14px 0;color:inherit;text-decoration:none;border-bottom:1px solid #ffffff21}
    .contact-label{display:block;color:#d1bdce;font-size:13px;line-height:1.5;margin-bottom:6px}
    .contact-value{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:clamp(20px,2vw,25px);line-height:1.4;font-weight:500;letter-spacing:-.025em}
    .link-arrow{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;flex-shrink:0;color:#e0a7c2;transition:transform .18s}
    .contact-link:hover .contact-value{color:#f4c7dc}
    .contact-link:hover .link-arrow{transform:translate(2px,-2px)}
    .contact-link:focus-visible{outline:2px solid #f4c7dc;outline-offset:5px;border-radius:3px}
    .contact-details{padding-top:16px;color:#d1bdce;font-size:13px;line-height:1.75}
    .contact-details p{margin:0 0 8px}
    .contact-details p:last-child{margin-bottom:0}
    .pixel-art{position:absolute;width:230px;height:230px;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-10deg) scale(.42)}
    .pixel{position:absolute;width:63px;height:63px;border-radius:9px;background:linear-gradient(140deg,#f5bdd1,#b75d87);box-shadow:0 13px 22px #10081540,inset 1px 1px 1px #ffe7f055}
    .p1{left:7px;top:7px;transform:translate(-13px,-10px) rotate(-8deg);opacity:.75}
    .p2{left:83px;top:7px}
    .p3{left:159px;top:7px;transform:translate(14px,-23px) rotate(13deg);background:linear-gradient(140deg,#e7cdda,#af92b6);opacity:.6}
    .p4{left:7px;top:83px}
    .p5{left:83px;top:83px;background:linear-gradient(140deg,#ffe2ec,#e5a5c0)}
    .p6{left:159px;top:83px}
    .p7{left:7px;top:159px;transform:translate(-14px,20px) rotate(9deg);opacity:.45}
    .p8{left:83px;top:159px}
    .p9{left:159px;top:159px;transform:translate(23px,16px) rotate(-6deg);opacity:.75}
    .server-mark{position:absolute;left:94px;top:94px;width:43px;height:43px;fill:none;stroke:#623047;stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round;transform:rotate(10deg)}
    @media(max-width:1100px){.page{padding:24px 30px}main{gap:30px;padding:22px 0;grid-template-columns:1.2fr 1fr}h1{font-size:clamp(32px,3.8vw,44px)}.intro{font-size:15px}.contact-card{padding:25px}.mini-art{height:132px}.pixel-art{transform:translate(-50%,-50%) rotate(-10deg) scale(.38)}.button{padding:13px 17px;min-height:50px}}
    @media(max-width:800px){.page{padding:22px}main{grid-template-columns:1fr;gap:23px;padding:12px 0;flex:0}.status{font-size:11px;margin-bottom:19px;letter-spacing:.07em}h1{font-size:clamp(30px,6vw,46px);margin-bottom:19px}.intro{font-size:15px;line-height:1.75;max-width:560px}.actions{margin-top:20px;gap:10px}.button{width:100%;min-height:50px}.refresh-button{width:100%;margin-top:5px}.work-notice{margin-top:16px}.contact-card{padding:24px;border-radius:18px}.mini-art{display:none}.contact-heading{margin-bottom:9px}.eyebrow{font-size:13px;margin-bottom:8px}h2{font-size:25px}.contact-value{font-size:23px}.contact-details{font-size:13px}.contact-label{font-size:13px}}
    @media(max-width:360px){.page{padding:20px 18px}h1{font-size:28px}.contact-card{padding:22px}.contact-value{font-size:21px}.status{font-size:10px}}
    @media(prefers-reduced-motion:reduce){.button,.link-arrow{transition:none}.contact-link:hover .link-arrow{transform:none}}