*{margin:0;padding:0;box-sizing:border-box}body{font-family:Noto Sans SC,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.8;font-weight:400;color:#3d3d3d;background-color:#fdfbf7;background-image:radial-gradient(circle at 25% 25%,rgba(180,160,140,.04) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(180,160,140,.04) 0%,transparent 50%),linear-gradient(90deg,rgba(180,160,140,.03) 1px,transparent 1px),linear-gradient(rgba(180,160,140,.03) 1px,transparent 1px);background-size:300px 300px,300px 300px,24px 24px,24px 24px;background-position:0 0,150px 150px,0 0,12px 12px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1{font-size:42px;line-height:1.2;font-weight:700;color:#3d3d3d;letter-spacing:-.01em}h2{font-size:28px;line-height:1.3;font-weight:700;color:#3d3d3d}h3{font-size:20px;line-height:1.4;font-weight:700;color:#3d3d3d}.label{font-size:15px;line-height:1.5;font-weight:700;color:#3d3d3d;display:block;margin-bottom:8px;letter-spacing:-.01em}.container{max-width:960px;margin:0 auto;padding:48px 24px 64px}.card{background-color:#fff;border:1px solid #EAE0D6;border-radius:16px;padding:40px;box-shadow:0 12px 32px #b4a08c2e;transition:all .3s ease}.card:hover{transform:translateY(-2px);box-shadow:0 16px 40px #b4a08c38}.btn{border-radius:12px;padding:16px 32px;font-size:16px;font-weight:700;border:none;cursor:pointer;transition:all .3s ease-in-out;text-decoration:none;display:inline-block;text-align:center;box-shadow:0 6px 16px #b4a08c26;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn:hover:before{left:100%}.btn-primary{background:linear-gradient(135deg,#f5a623,#e09512);color:#fff;box-shadow:0 8px 24px #f5a62340}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 12px 32px #f5a62359}.btn-primary:active{transform:translateY(-1px);box-shadow:0 6px 16px #f5a6234d}.btn-accent{background-color:#f5a623;color:#fff}.btn-accent:hover{transform:translateY(-2px);box-shadow:0 8px 20px #f5a6234d}.btn-secondary{background:#fefefe;color:#5d4e37;border:1.5px solid #D4A574;box-shadow:0 4px 12px #d4a57426}.btn-secondary:hover{background:#fff5e6;border-color:#c4955f;transform:translateY(-2px);box-shadow:0 6px 16px #d4a57440}.btn-secondary:active{transform:translateY(-1px);box-shadow:0 3px 8px #d4a57433}.btn-success{background-color:#28a745;color:#fff}.input,.textarea{width:100%;padding:16px 20px;border:1.5px solid #EAE0D6;border-radius:12px;font-size:16px;font-family:inherit;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 2px 8px #b4a08c0f;background-color:#fefefe;position:relative}.input:hover,.textarea:hover{border-color:#4a90e24d;box-shadow:inset 0 2px 8px #b4a08c14}.input:focus,.textarea:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 4px #4a90e21f,inset 0 2px 8px #b4a08c0f,0 4px 12px #4a90e214;background-color:#fff;transform:translateY(-1px)}.input::placeholder,.textarea::placeholder{color:#6b7280cc;font-weight:400;transition:opacity .3s ease}.input:focus::placeholder,.textarea:focus::placeholder{opacity:.5}.textarea{resize:vertical;min-height:120px}.secondary-text{color:#7a7a7a}.mt-8{margin-top:8px}.mt-16{margin-top:20px}.mt-24{margin-top:32px}.mt-32{margin-top:40px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:20px}.mb-24{margin-bottom:32px}.mb-32{margin-bottom:40px}.link-display{display:flex;gap:12px;align-items:stretch}.link-display .input{flex:1}.link-display .btn{white-space:nowrap;flex-shrink:0}.roles-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:20px}.role-input-group{display:flex;flex-direction:column;gap:12px}@media (max-width: 768px){.roles-grid{grid-template-columns:1fr;gap:20px}.link-display{flex-direction:column;gap:16px}.container{padding:32px 20px;max-width:100%}.card{padding:32px 24px}h1{font-size:36px}h2{font-size:24px}.btn{padding:14px 28px;font-size:15px}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fdfbf7;border:1px solid #EAE0D6;border-radius:12px;padding:32px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 8px 24px #b4a08c40}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#7a7a7a;transition:all .3s ease-in-out;border-radius:4px;padding:4px}.modal-close:hover{color:#4a90e2;background-color:#4a90e21a}.full-screen{min-height:100vh;background-color:#fdfbf7;position:relative}.mandala-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px}.error-message{color:#dc3545;font-size:14px;margin-top:8px}.loading{text-align:center;padding:40px;color:#7a7a7a}