.app{min-height:100vh;padding:48px 6vw 120px;position:relative}.app:before,.app:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:0}.app:before{background:radial-gradient(circle at 15% 20%,rgba(230,196,124,.12),transparent 45%),radial-gradient(circle at 80% 10%,rgba(255,255,255,.08),transparent 40%),radial-gradient(circle at 30% 80%,rgba(255,255,255,.05),transparent 45%)}.app:after{background-image:radial-gradient(rgba(255,255,255,.4) 1px,transparent 1px),radial-gradient(rgba(255,255,255,.3) 1px,transparent 1px);background-size:140px 140px,220px 220px;background-position:20px 40px,120px 80px;opacity:.25}.phase{display:flex;flex-direction:column;gap:32px;position:relative;z-index:1}.phase-header{max-width:720px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);font-size:13px;margin:0 0 8px}.phase-header h1{font-size:clamp(32px,4vw,48px);margin:0 0 12px}.subtext{margin:0;color:var(--text-muted);font-size:16px;line-height:1.6}.card-field{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--card-width),1fr));gap:16px;justify-items:center;perspective:1000px}.value-card{background:var(--card-bg);border:1px solid color-mix(in srgb,var(--card-accent) 35%,transparent);color:var(--text-main);border-radius:16px;width:var(--card-width);padding:18px 14px;text-align:center;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;animation:float var(--float-duration, 8s) ease-in-out infinite;animation-delay:var(--float-delay, 0s);box-shadow:0 12px 24px #050a1266;transform-style:preserve-3d}.value-card:before{content:"";position:absolute;inset:0;background:linear-gradient(140deg,color-mix(in srgb,var(--card-accent) 28%,transparent),transparent 60%),linear-gradient(0deg,color-mix(in srgb,var(--card-accent) 12%,transparent),transparent 45%);opacity:.8;pointer-events:none}.value-card:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at top left,rgba(255,255,255,.14),transparent 60%);opacity:.6}.value-card:hover{transform:translateY(-4px) scale(1.01);border-color:var(--card-accent)}.value-card.selected{box-shadow:0 18px 36px #040c18a6,0 0 0 2px color-mix(in srgb,var(--card-accent) 80%,transparent),0 0 18px color-mix(in srgb,var(--card-accent) 55%,transparent);border-color:var(--card-accent);transform:translateY(-8px) scale(1.04)}.value-card.selected .card-label{text-shadow:0 0 12px color-mix(in srgb,var(--card-accent) 70%,transparent)}.value-card.selected:after{opacity:.85}.value-card:focus-visible{outline:none;box-shadow:var(--focus-ring)}.card-label{font-size:19px;font-weight:600;display:block;position:relative;z-index:1}.cta{position:fixed;right:32px;bottom:32px;padding:14px 22px;border-radius:999px;border:none;background:var(--gold);color:#1a1a1a;font-weight:700;cursor:pointer;box-shadow:var(--shadow);transition:transform .2s ease,opacity .2s ease}.cta:disabled{opacity:.4;cursor:not-allowed}.cta:focus-visible{outline:none;box-shadow:var(--shadow),var(--focus-ring)}.modal-backdrop{position:fixed;inset:0;background:#060a12b3;display:flex;align-items:center;justify-content:center;padding:20px;z-index:10}.modal{background:#121c2cf2;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:28px;max-width:420px;text-align:center;box-shadow:var(--shadow)}.modal-title{font-size:18px;margin:0 0 20px}.modal-actions{display:flex;gap:12px;justify-content:center}.button{padding:12px 20px;border-radius:999px;border:none;font-weight:600;cursor:pointer}.button:disabled{opacity:.5;cursor:not-allowed}.button:focus-visible{outline:none;box-shadow:var(--focus-ring)}.button.primary{background:var(--gold);color:#1a1a1a}.button.ghost{background:transparent;color:var(--text-main);border:1px solid rgba(255,255,255,.2)}.phase-write{gap:24px}.selected-cards{display:flex;flex-wrap:wrap;gap:12px;flex-direction:column}.selected-group-title{margin:0;font-weight:600;color:var(--text-muted)}.selected-group{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.selected-card{padding:8px 14px;border-radius:999px;border:1px solid var(--card-accent);color:var(--text-main);background:#0f1a28cc}.vision-box{display:flex;flex-direction:column;gap:14px;max-width:640px}textarea{background:#0f1a28bf;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:16px;color:var(--text-main);font-size:16px;line-height:1.6;resize:vertical;min-height:120px}textarea::placeholder{color:#b7c4d9cc}textarea:focus-visible{outline:none;box-shadow:var(--focus-ring)}.phase-certificate{align-items:center;gap:24px}.certificate{width:min(92vw,860px);aspect-ratio:1 / 1.414;border-radius:24px;background:radial-gradient(circle at top right,rgba(255,240,200,.2),transparent 45%),radial-gradient(circle at 20% 20%,rgba(255,255,255,.08),transparent 40%),radial-gradient(circle at 70% 80%,rgba(255,255,255,.06),transparent 40%),linear-gradient(160deg,#0c1930,#0a1424 60%,#050b16);position:relative;overflow:hidden;box-shadow:var(--shadow);padding:48px 56px}.certificate:after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.6) 1px,transparent 1px),radial-gradient(rgba(255,255,255,.4) 1px,transparent 1px);background-size:120px 120px,200px 200px;background-position:20px 30px,80px 120px;opacity:.35}.certificate-inner{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;gap:20px;align-items:center;text-align:center}.north-star{position:absolute;top:36px;right:36px;width:18px;height:18px;background:var(--gold-strong);transform:rotate(45deg);box-shadow:0 0 16px #ffe096e6,0 0 30px #ffe09699;z-index:2}.north-star:before,.north-star:after{content:"";position:absolute;inset:0;background:var(--gold-strong)}.north-star:before{transform:rotate(90deg)}.north-star:after{transform:rotate(0)}.certificate-title{margin:0;font-size:clamp(28px,4vw,40px)}.certificate-values{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:100%}.certificate-card{padding:12px 20px;border-radius:999px;border:1px solid var(--card-accent);color:var(--text-main);background:#0a121ea6;font-size:20px;letter-spacing:.02em}.certificate-vision{margin:8px 0 0;font-size:44px;line-height:1.4;max-width:90%}.certificate-date{margin-top:auto;color:var(--text-muted);font-size:14px}@keyframes float{0%,to{transform:translateY(0) rotate(var(--float-rotate))}50%{transform:translateY(-8px) rotate(var(--float-rotate))}}@media(max-width:720px){.app{padding:32px 5vw 120px}.cta{right:20px;bottom:20px}.certificate{padding:32px}}@media(prefers-reduced-motion:reduce){.value-card{animation:none}}:root{font-family:Zen Kaku Gothic New,system-ui,sans-serif;color-scheme:light;--bg-deep: #081425;--bg-mid: #0f1c33;--bg-soft: #1a2943;--text-main: #f5f3ea;--text-muted: #a7b6cc;--gold: #e6c47c;--gold-strong: #f3d18f;--card-bg: rgba(12, 22, 38, .78);--card-border: rgba(230, 196, 124, .35);--shadow: 0 24px 70px rgba(6, 12, 20, .55);--focus-ring: 0 0 0 3px rgba(230, 196, 124, .45);--card-width: 168px}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#1c2b47 0%,var(--bg-deep) 60%),linear-gradient(160deg,var(--bg-mid),var(--bg-deep));color:var(--text-main)}button,textarea{font-family:inherit}