.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600;transition:all .2s;font-size:1rem}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:#ff3336;transform:translateY(-1px)}.btn-icon{padding:.5rem;color:var(--color-text-muted);border-radius:var(--radius-sm)}.btn-icon:hover{background-color:var(--color-bg);color:var(--color-primary)}.form-group{margin-bottom:var(--spacing-md)}.form-label{display:block;font-weight:500;margin-bottom:var(--spacing-xs);color:var(--color-text-main)}.form-select{width:100%;padding:.75rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);font-size:1rem;color:var(--color-text-main);appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%232d3436%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right .7rem top 50%;background-size:.65rem auto}.form-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #ff4d4f1a}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}:root{--color-bg: #f8f9fa;--color-surface: #ffffff;--color-primary: #ff4d4f;--color-text-main: #2d3436;--color-text-muted: #636e72;--color-border: #dfe6e9;--font-family-main: "Inter", system-ui, -apple-system, sans-serif;--font-family-japanese: "Noto Sans JP", sans-serif;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family-main);background-color:var(--color-bg);background-image:radial-gradient(circle at 10% 20%,hsla(358,100%,75%,.05) 0%,transparent 20%),radial-gradient(circle at 90% 80%,hsla(210,100%,75%,.08) 0%,transparent 20%),radial-gradient(circle at 50% 50%,#ffffff 0%,transparent 50%);background-attachment:fixed;color:var(--color-text-main);line-height:1.6;min-height:100vh}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font-family:inherit}.layout{display:flex;flex-direction:column;min-height:100vh;background-image:url(/assets/background-CfgWTEBA.png);background-size:cover;background-position:center;background-attachment:fixed}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.glass-text-container{background-color:#fff6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-lg);padding:var(--spacing-lg) var(--spacing-xl);box-shadow:0 4px 20px #0000000d;display:block;width:fit-content;max-width:100%;margin:0 auto}.site-header{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100;height:64px;display:flex;align-items:center;box-shadow:0 2px 8px #00000005}.header-content{display:flex;justify-content:space-between;align-items:center;width:100%}.logo{display:flex;align-items:center;gap:var(--spacing-sm);font-weight:700;font-size:1.25rem;color:var(--color-text-main);letter-spacing:-.02em}.logo img{height:32px;width:auto}.logo-icon{background:var(--color-primary);color:#fff;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);font-family:var(--font-family-japanese);font-weight:500;font-size:1rem}.main-nav{display:flex;gap:var(--spacing-lg)}.nav-link{font-size:.95rem;font-weight:500;color:var(--color-text-muted);transition:color .2s}.nav-link:hover{color:var(--color-primary)}.mobile-menu-btn{display:none;color:var(--color-text-main)}.main-content{flex:1;padding:var(--spacing-xl) 0}.site-footer{background-color:var(--color-surface);border-top:1px solid var(--color-border);padding:var(--spacing-lg) 0;margin-top:auto}.footer-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);text-align:center}.footer-links{display:flex;gap:var(--spacing-lg)}.footer-links a{color:var(--color-text-muted);font-size:.9rem}.footer-links a:hover{color:var(--color-primary)}.copyright{color:var(--color-text-muted);font-size:.85rem}@media(max-width:768px){.mobile-menu-btn{display:block}.main-nav{position:fixed;top:64px;left:0;right:0;background:var(--color-surface);flex-direction:column;padding:var(--spacing-lg);gap:var(--spacing-md);border-bottom:1px solid var(--color-border);transform:translateY(-150%);transition:transform .3s ease-in-out;z-index:99;box-shadow:0 4px 6px -1px #0000001a}.main-nav.open{transform:translateY(0)}.footer-content{flex-direction:column}}