.signup-page-container{display:flex;justify-content:center;align-items:center;min-height:100dvh;padding:1rem;background-color:var(--app-bg);box-sizing:border-box}.signup-box{width:100%;max-width:550px;text-align:center;background:var(--app-surface);padding:3rem;border-radius:var(--border-radius);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);border:1px solid var(--app-border);box-sizing:border-box}.signup-box h2{font-size:2.25rem;margin-bottom:.75rem;color:var(--primary-text);font-weight:700;line-height:1.2}.signup-box .signup-subtitle{color:var(--secondary-text);margin-bottom:2.5rem;font-size:1.1rem;line-height:1.5}.signup-options{display:flex;flex-direction:column;gap:1.5rem}.signup-option{display:flex;align-items:center;text-align:left;padding:1.5rem 2rem;border:2px solid var(--app-border);border-color:var(--app-border);border-radius:var(--border-radius,8px);cursor:pointer;background-color:var(--app-surface);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background-color .2s ease;position:relative;overflow:hidden;width:100%;box-sizing:border-box}.signup-option>*{position:relative;z-index:2}.signup-option:hover{transform:translateY(-3px);border-color:var(--emerald-safety);background-color:rgba(16,185,129,.05);box-shadow:0 8px 20px rgba(0,0,0,.3)}.signup-option:active{background-color:rgba(16,185,129,.1);border-color:var(--emerald-safety);transform:translateY(-1px)}.signup-option-icon{font-size:2rem;flex-shrink:0;margin-right:1.5rem;width:40px;display:flex;justify-content:center;align-items:center;transition:color .3s ease}.signup-option-icon,.signup-option:hover .signup-option-icon{color:var(--emerald-safety)}.signup-option-text{flex:1;min-width:0}.signup-option-text h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--primary-text);white-space:normal;word-wrap:break-word}.signup-option-text p{margin:.25rem 0 0;color:var(--secondary-text);font-size:.95rem;line-height:1.4}.signup-option-arrow{margin-left:1rem;font-size:1.2rem;color:var(--secondary-text);flex-shrink:0;transition:all .3s ease}.signup-option:hover .signup-option-arrow{color:var(--emerald-safety);transform:translateX(5px)}.login-link{margin-top:2.5rem;color:var(--secondary-text);font-size:.95rem}.login-link a{font-weight:600;color:var(--emerald-safety);text-decoration:none;transition:color .2s ease}.login-link a:hover{color:#34D399;text-decoration:underline}@media (max-width:600px){.signup-page-container{align-items:flex-start;padding:2rem 1rem 1rem}.signup-box{padding:2rem 1.25rem;box-shadow:none;border:none;background:transparent}.signup-box h2{font-size:1.75rem;margin-bottom:.5rem}.signup-box .signup-subtitle{margin-bottom:2rem;font-size:1rem}.signup-option{padding:1.25rem;background-color:var(--app-surface);box-shadow:0 4px 6px -1px rgba(0,0,0,.3),0 2px 4px -1px rgba(0,0,0,.2);border-width:1px}.signup-option:hover{transform:none}.signup-option-icon{font-size:1.5rem;margin-right:1rem;width:32px}.signup-option-text h3{font-size:1.1rem}.signup-option-text p{font-size:.85rem}.signup-option-arrow{font-size:1rem;margin-left:.75rem}}