* { margin:0; padding:0; box-sizing:border-box; }
    :root {
      --bg:#050505; --card:rgba(16,16,20,0.75); --border:rgba(255,255,255,0.07);
      --text:#ebe7e0; --muted:#8c8780; --accent:#c9a227;
    }
    body {
      background:var(--bg); color:var(--text);
      font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
      min-height:100vh; overflow-x:hidden; position:relative; -webkit-font-smoothing:antialiased;
    }
    body::before {
      content:''; position:fixed; inset:0;
      background:
        radial-gradient(ellipse 90% 60% at 50% -25%, rgba(201,162,39,0.09), transparent 60%),
        radial-gradient(ellipse 50% 40% at 90% 110%, rgba(180,40,60,0.04), transparent);
      pointer-events:none; z-index:0;
    }
    body::after {
      content:''; position:fixed; inset:0;
      background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
      opacity:0.025; pointer-events:none; z-index:0;
    }
    .container { position:relative; z-index:1; max-width:820px; margin:0 auto; padding:56px 28px 90px; }
    header { display:flex; align-items:center; justify-content:space-between; margin-bottom:64px; gap:20px; }
    .logo-note { font-family:Georgia,"Times New Roman",serif; font-size:3.4rem; font-weight:700; letter-spacing:0.12em; color:#f2eee6; text-shadow:0 0 50px rgba(255,255,255,0.12); line-height:1; position:relative; }
    .logo-note::after { content:''; position:absolute; bottom:-6px; left:8%; width:84%; height:1.5px; background:linear-gradient(90deg,transparent,var(--accent) 30%,var(--accent) 70%,transparent); opacity:0.55; }
    .emblem-link { display:block; text-decoration:none; }
    .emblem { position:relative; width:132px; height:132px; display:flex; align-items:center; justify-content:center; flex-shrink:0; border-radius:50%; transition:transform 0.25s ease; }
    .emblem-link:hover .emblem { transform:scale(1.04); }
    .emblem-rays { position:absolute; inset:-30px; background:repeating-conic-gradient(from 0deg, rgba(201,162,39,0.10) 0deg 1.5deg, transparent 1.5deg 8deg); border-radius:50%; animation:spin 80s linear infinite; mask:radial-gradient(circle, transparent 38%, #000 42%, #000 68%, transparent 72%); -webkit-mask:radial-gradient(circle, transparent 38%, #000 42%, #000 68%, transparent 72%); }
    @keyframes spin { to { transform:rotate(360deg); } }
    .emblem-glow { position:absolute; inset:-22px; border-radius:50%; background:radial-gradient(circle, rgba(201,162,39,0.35), rgba(201,162,39,0.08) 55%, transparent 75%); filter:blur(6px); }
    .emblem-ring { position:absolute; inset:0; border-radius:50%; overflow:hidden; background:#050505; box-shadow:0 0 0 1px rgba(255,255,255,0.14), 0 0 0 6px rgba(255,255,255,0.03), 0 0 55px rgba(201,162,39,0.32), inset 0 0 30px rgba(0,0,0,0.6); }
    .emblem-ring img { width:100%; height:100%; object-fit:cover; }
    .tagline-link { font-size:0.95rem; font-weight:500; color:var(--accent); letter-spacing:0.015em; display:flex; align-items:center; gap:7px; white-space:nowrap; text-decoration:none; transition:opacity 0.2s ease; text-shadow:0 0 12px rgba(201,162,39,0.55); }
    .tagline-link:hover { opacity:0.75; }
    .tagline-link .apple { font-size:1.1rem; filter:drop-shadow(0 0 8px rgba(196,30,58,0.55)); }
    .back { display:inline-flex; align-items:center; gap:6px; font-size:0.85rem; color:var(--muted); text-decoration:none; margin:-28px 0 28px; transition:color 0.2s ease; }
    .back:hover { color:var(--accent); }
    .projects { display:flex; flex-direction:column; gap:10px; }
    .section-divider { height:1px; background:linear-gradient(90deg,transparent,rgba(201,162,39,0.28),transparent); margin:26px 0; border:none; }
    .project-card { display:flex; align-items:center; gap:18px; padding:16px 20px; background:var(--card); border:1px solid var(--border); border-radius:14px; backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); transition:all 0.28s cubic-bezier(0.4,0,0.2,1); position:relative; overflow:hidden; text-decoration:none; }
    .project-card::before { content:''; position:absolute; left:0; top:0; bottom:0; width:3px; background:linear-gradient(180deg,transparent,var(--accent),transparent); opacity:0; transition:opacity 0.28s; }
    .project-card:hover { background:rgba(24,24,30,0.9); border-color:rgba(201,162,39,0.22); transform:translateX(5px); box-shadow:0 10px 36px rgba(0,0,0,0.45), 0 0 0 1px rgba(201,162,39,0.08); }
    .project-card:hover::before { opacity:1; }
    .icon-wrap { width:46px; height:46px; border-radius:11px; display:flex; align-items:center; justify-content:center; flex-shrink:0; overflow:hidden; background:#0c0c0f; box-shadow:0 4px 18px rgba(0,0,0,0.35), 0 0 0 rgba(201,162,39,0); animation:icon-glow 4.5s ease-in-out infinite; }
    .icon-wrap img { width:100%; height:100%; object-fit:cover; }
    .project-card:nth-of-type(2n) .icon-wrap { animation-delay:-1.5s; }
    .project-card:nth-of-type(3n) .icon-wrap { animation-delay:-3s; }
    @keyframes icon-glow {
      0%, 100% { box-shadow:0 4px 18px rgba(0,0,0,0.35), 0 0 6px 0 rgba(201,162,39,0.15); }
      50% { box-shadow:0 4px 18px rgba(0,0,0,0.35), 0 0 18px 4px rgba(201,162,39,0.6); }
    }
    .icon-wrap.no-box { background:transparent; box-shadow:none; animation:none; overflow:visible; }
    .icon-wrap.no-box img {
      object-fit:contain;
      filter:drop-shadow(0 0 5px rgba(201,162,39,0.35)) drop-shadow(0 0 10px rgba(201,162,39,0.2));
      animation:icon-shape-glow 4.5s ease-in-out infinite;
    }
    .project-card:nth-of-type(2n) .icon-wrap.no-box img { animation-delay:-1.5s; }
    .project-card:nth-of-type(3n) .icon-wrap.no-box img { animation-delay:-3s; }
    @keyframes icon-shape-glow {
      0%, 100% { filter:drop-shadow(0 0 4px rgba(201,162,39,0.3)) drop-shadow(0 0 8px rgba(201,162,39,0.15)); }
      50% { filter:drop-shadow(0 0 9px rgba(201,162,39,0.7)) drop-shadow(0 0 18px rgba(201,162,39,0.4)); }
    }
    @media (prefers-reduced-motion: reduce) {
      .icon-wrap.no-box img { animation:none; filter:drop-shadow(0 0 6px rgba(201,162,39,0.4)) drop-shadow(0 0 12px rgba(201,162,39,0.25)); }
      .icon-wrap { animation:none; box-shadow:0 4px 18px rgba(0,0,0,0.35), 0 0 10px 1px rgba(201,162,39,0.35); }
    }
    .project-info { flex:1; min-width:0; }
    .project-name { font-size:1.08rem; font-weight:600; color:#f0ece4; margin-bottom:2px; letter-spacing:-0.015em; }
    .project-desc { font-size:0.875rem; color:var(--muted); font-weight:400; line-height:1.4; }
    .project-arrow { color:var(--muted); opacity:0; transform:translateX(-6px); transition:all 0.28s; font-size:1.15rem; font-weight:300; }
    .project-card:hover .project-arrow { opacity:0.65; transform:translateX(0); }
    footer { margin-top:88px; display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap; }
    @media (max-width:680px) {
      .container { padding:36px 18px 70px; }
      header { flex-direction:column; align-items:center; text-align:center; margin-bottom:44px; gap:24px; }
      .logo-note { font-size:2.8rem; order:1; }
      .emblem { order:2; width:110px; height:110px; }
      .tagline-link { order:3; justify-content:center; }
      .back { margin:-16px 0 20px; }
      .project-card { padding:15px 16px; gap:14px; }
      .icon-wrap { width:42px; height:42px; }
      .project-name { font-size:1.02rem; }
    }


    .tg-btn {
      position:relative; display:inline-flex; align-items:center; gap:10px;
      text-decoration:none; color:inherit;
      transition:opacity 0.2s ease;
    }
    .tg-btn:hover { opacity:0.75; }
    .tg-btn-icon {
      width:20px; height:20px; flex-shrink:0; color:var(--accent);
      filter:drop-shadow(0 0 3px rgba(201,162,39,0.4)) drop-shadow(0 0 6px rgba(201,162,39,0.2));
      animation:tg-icon-glow 3.2s ease-in-out infinite;
    }
    .tg-btn-text { display:flex; flex-direction:column; align-items:flex-start; line-height:1.25; }
    .tg-btn-main { font-family:Georgia,"Times New Roman",serif; font-size:1rem; letter-spacing:0.1em; color:#f2eee6; }
    .tg-btn-sub { font-size:0.64rem; letter-spacing:0.14em; text-transform:uppercase; color:var(--accent); opacity:0.85; }
    @keyframes tg-icon-glow {
      0%, 100% { filter:drop-shadow(0 0 3px rgba(201,162,39,0.4)) drop-shadow(0 0 6px rgba(201,162,39,0.2)); }
      50% { filter:drop-shadow(0 0 7px rgba(201,162,39,0.95)) drop-shadow(0 0 14px rgba(201,162,39,0.5)); }
    }
    @media (prefers-reduced-motion: reduce) {
      .tg-btn-icon { animation:none; filter:drop-shadow(0 0 5px rgba(201,162,39,0.55)) drop-shadow(0 0 10px rgba(201,162,39,0.3)); }
    }

    .manifesto-btn {
      display:inline-flex; align-items:center; gap:10px;
      text-decoration:none; color:inherit;
      transition:opacity 0.2s ease;
    }
    .manifesto-btn:hover { opacity:0.75; }
    .manifesto-btn-icon {
      width:26px; height:26px; border-radius:50%; object-fit:cover; flex-shrink:0;
      filter:drop-shadow(0 0 3px rgba(196,30,58,0.5)) drop-shadow(0 0 6px rgba(196,30,58,0.25));
      animation:manifesto-icon-glow 3.2s ease-in-out infinite;
    }
    .manifesto-btn-text { font-family:Georgia,"Times New Roman",serif; font-size:1rem; letter-spacing:0.1em; color:#f2eee6; }
    @keyframes manifesto-icon-glow {
      0%, 100% { filter:drop-shadow(0 0 3px rgba(196,30,58,0.5)) drop-shadow(0 0 6px rgba(196,30,58,0.25)); }
      50% { filter:drop-shadow(0 0 7px rgba(196,30,58,0.9)) drop-shadow(0 0 14px rgba(196,30,58,0.5)); }
    }
    @media (prefers-reduced-motion: reduce) {
      .manifesto-btn-icon { animation:none; filter:drop-shadow(0 0 5px rgba(196,30,58,0.6)) drop-shadow(0 0 10px rgba(196,30,58,0.3)); }
    }

    .footer-right { display:flex; align-items:center; justify-content:flex-start; gap:16px; flex-wrap:wrap; }
    .footer-divider { width:1px; height:18px; background:var(--border); flex-shrink:0; }
    .tips-btn {
      display:inline-flex; align-items:center;
      text-decoration:none; color:inherit;
      transition:opacity 0.2s ease;
    }
    .tips-btn:hover { opacity:0.75; }
    .tips-btn-text {
      font-family:Georgia,"Times New Roman",serif; font-size:1rem; font-weight:700; letter-spacing:0.1em;
      color:var(--accent); text-shadow:0 0 12px rgba(201,162,39,0.55);
    }