:root{--color-white: #ffffff;--color-light-blue: #e0f2fe;--color-light-green: #e8f5e8;--color-cream: #fefbf3;--color-soft-blue: #b3e5fc;--color-soft-green: #c8e6c9;--color-warm-cream: #f5f1e8;--color-text-dark: #2c3e50;--color-text-light: #546e7a;--color-border: #e0e6ed;--color-shadow: rgba(0, 0, 0, .08)}html,body{height:100%;margin:0;background:var(--color-white);color:var(--color-text-dark);font-family:Hiragino Kaku Gothic ProN,Hiragino Sans,Yu Gothic Medium,Meiryo,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.home{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:40px;background:linear-gradient(135deg,var(--color-white) 0%,var(--color-light-blue) 50%,var(--color-light-green) 100%)}.home-header{text-align:center;padding:30px 0}.header-logo{margin-bottom:20px}.home-logo{height:auto;width:auto;max-width:350px;filter:drop-shadow(0 3px 6px rgba(0,0,0,.1));transition:transform .3s ease}.home-logo:hover{transform:scale(1.05)}.home-header h1{font-size:3.5rem;font-weight:700;margin:0;background:linear-gradient(45deg,var(--color-soft-blue),var(--color-soft-green));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 4px 8px var(--color-shadow)}.home-header p{font-size:1.3rem;color:var(--color-text-light);margin:20px 0 0;font-weight:500}.home-main{width:100%;max-width:700px;flex:1}.setup-card{background:var(--color-white);border-radius:24px;padding:40px;box-shadow:0 12px 32px var(--color-shadow);border:1px solid var(--color-border);margin-bottom:60px}.setup-card h2{font-size:1.8rem;font-weight:700;margin:0 0 32px;color:var(--color-text-dark)}#setup-form{display:flex;flex-direction:column;gap:32px}.field-group{display:flex;flex-direction:column;gap:12px}.field-group label{font-size:1rem;font-weight:600;color:var(--color-text-dark)}.field-group input,.field-group textarea,.field-group select{background:var(--color-cream);border:2px solid var(--color-border);border-radius:16px;padding:16px 20px;font-size:1rem;color:var(--color-text-dark);transition:all .3s ease;font-family:inherit;resize:vertical;box-shadow:0 4px 12px var(--color-shadow)}.field-group input:focus,.field-group textarea:focus,.field-group select:focus{outline:none;border-color:var(--color-soft-blue);box-shadow:0 0 0 4px #b3e5fc33;background:var(--color-white)}.field-group textarea{min-height:100px;line-height:1.6}.field-hint{font-size:.9rem;color:var(--color-text-light);font-style:italic}.start-btn{background:linear-gradient(135deg,var(--color-soft-blue),var(--color-soft-green));border:none;border-radius:20px;padding:20px 32px;font-size:1.2rem;font-weight:700;color:var(--color-text-dark);cursor:pointer;transition:all .3s ease;margin-top:16px;box-shadow:0 8px 20px #b3e5fc4d}.start-btn:hover{background:linear-gradient(135deg,var(--color-light-blue),var(--color-light-green));box-shadow:0 12px 28px #b3e5fc66;transform:translateY(-3px)}.start-btn:active{transform:translateY(-1px);box-shadow:0 6px 16px #b3e5fc4d}.info-section{background:var(--color-white);border-radius:20px;padding:32px;border:1px solid var(--color-border);box-shadow:0 8px 24px var(--color-shadow)}.info-section h3{font-size:1.4rem;font-weight:700;margin:0 0 20px;color:var(--color-text-dark)}.info-section ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px}.info-section li{padding-left:28px;position:relative;color:var(--color-text-dark);font-size:1rem;line-height:1.6;font-weight:500}.info-section li:before{content:"•";color:var(--color-soft-blue);font-weight:700;position:absolute;left:12px;font-size:1.2rem}.home-footer{margin-top:auto;padding:30px 0;text-align:center;color:var(--color-text-light);font-size:1rem;font-weight:500}@media (max-width: 768px){.home{padding:24px}.home-header h1{font-size:2.8rem}.home-header p{font-size:1.2rem}.setup-card{padding:32px}.setup-card h2{font-size:1.6rem}.info-section{padding:28px}}@media (max-width: 480px){.home{padding:16px}.home-header h1{font-size:2.2rem}.setup-card{padding:24px;margin-bottom:40px}.field-group input,.field-group textarea,.field-group select{padding:14px 16px}.start-btn{padding:16px 24px;font-size:1.1rem}.home-logo{max-height:50px;max-width:120px}}
