:root{--font-base: system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;--font-heading: system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans JP", sans-serif;--font-ui: var(--font-base);--car-bg-0: #060a12;--car-bg-1: #0b1020;--car-bg-2: #101a2e;--car-surface: rgba(255, 255, 255, .06);--car-surface-2: rgba(255, 255, 255, .1);--car-border: rgba(255, 255, 255, .14);--car-border-strong: rgba(255, 255, 255, .22);--car-text: #eaf1ff;--car-text-muted: rgba(234, 241, 255, .72);--car-accent: #2b7cff;--car-accent-2: #00c2ff;--car-danger: #ff5a6b;--car-shadow-soft: 0 10px 28px rgba(0, 0, 0, .35);--car-shadow-strong: 0 16px 44px rgba(0, 0, 0, .45);--car-radius: 14px;--car-radius-lg: 18px;--car-radius-full: 9999px;--text-default: var(--car-text);--text-muted: var(--car-text-muted);--foreground: var(--text-default);--color-bg-base: var(--car-bg-0);--color-bg-section: var(--car-bg-1);--color-bg-light: var(--car-bg-1);--color-bg-soft: var(--car-bg-2);--color-white: #ffffff;--color-main: var(--car-accent);--color-accent: var(--car-accent);--color-accent-2: var(--car-accent-2);--color-sub-accent: rgba(0, 194, 255, .35);--color-accent-soft: rgba(43, 124, 255, .22);--salon-brown: var(--car-text);--salon-white: var(--color-white);--salon-beige: var(--car-bg-1);--salon-gold: var(--car-accent);--salon-pink: rgba(0, 194, 255, .14);--background: var(--color-bg-base);--card-bg: var(--car-surface);--border-color: var(--car-border);--border-color-strong: var(--car-border-strong);--radius-base: var(--car-radius);--radius-large: var(--car-radius-lg);--radius-full: var(--car-radius-full);--shadow-soft: var(--car-shadow-soft);--shadow-medium: var(--car-shadow-strong);--glass-bg: var(--car-surface);--glass-bg-strong: var(--car-surface-2);--glass-border: var(--car-border);--glass-border-strong: var(--car-border-strong);--glass-blur: 12px;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 2rem;--space-xl: 3rem;--container-max: 1280px;--z-header: 999;--z-menu: 10000;--z-modal: 20000;--white: #fff;--white-80: rgba(255, 255, 255, .8);--white-70: rgba(255, 255, 255, .7);--white-60: rgba(255, 255, 255, .6);--white-20: rgba(255, 255, 255, .2)}html,body{height:100%}body{font-family:var(--font-base);color:var(--text-default);line-height:1.7;margin:0;padding:0;background-color:var(--color-bg-base);background-image:radial-gradient(980px 560px at 18% 8%,rgba(43,124,255,.22),transparent 62%),radial-gradient(860px 560px at 88% 12%,rgba(0,194,255,.14),transparent 64%),radial-gradient(760px 460px at 50% 95%,rgba(255,255,255,.05),transparent 62%),linear-gradient(180deg,#ffffff08,#fff0);background-repeat:no-repeat}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:800;line-height:1.25;margin:0 0 .6rem;color:#ffffffeb}p{margin:0 0 1rem;color:var(--text-default)}img{max-width:100%;height:auto;display:block}a{text-decoration:none;color:var(--color-accent);transition:color .2s ease-in-out,opacity .2s ease-in-out}a:hover{color:var(--color-accent-2);opacity:.95}.container{max-width:1200px;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}input,textarea,select{background:#0a0e1a59;color:#ffffffeb;border:1px solid var(--car-border, var(--border-color));border-radius:12px}input::placeholder,textarea::placeholder{color:#eaf1ff8c}input:focus,textarea:focus,select:focus{outline:none;border-color:#00c2ff8c;box-shadow:0 0 0 4px #00c2ff29,0 12px 26px #00000059}.glass-surface{border-radius:var(--radius-large);border:1px solid var(--glass-border, var(--border-color));background:linear-gradient(180deg,#ffffff1c,#ffffff0f);box-shadow:var(--shadow-medium);backdrop-filter:blur(var(--glass-blur, 12px));-webkit-backdrop-filter:blur(var(--glass-blur, 12px))}.button,.button-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 1.2rem;border-radius:12px;font-weight:800;font-family:var(--font-ui);text-align:center;border:1px solid var(--car-border, var(--border-color));cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.button-primary{color:#fff;background:linear-gradient(90deg,#2b7cff,#00c2fff2);border-color:#2b7cff59;box-shadow:0 12px 26px #00000059}.button-primary:hover{transform:translateY(-2px);box-shadow:0 16px 34px #00000073;border-color:#00c2ff8c}.button:hover{transform:translateY(-2px);box-shadow:var(--shadow-soft)}.text-center{text-align:center}.mx-auto{margin-left:auto;margin-right:auto}.mb-4{margin-bottom:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.px-4{padding-left:1rem;padding-right:1rem}.text-white{color:#fff}.bg-salon-brown{background-color:var(--car-bg-2, #101a2e)}.text-salon-gold{color:var(--color-accent)}@tailwind base;@tailwind components;@tailwind utilities;
