.petition-hero{background: linear-gradient(135deg, var(--accent) 0%, var(--accent-dark) 100%);color: white;padding: 8rem 2rem 4rem;text-align: center}.petition-hero h1{font-size: 2.5rem;margin-bottom: 1rem}.petition-hero p{font-size: 1.2rem;opacity: 0.95;max-width: 700px;margin: 0 auto}.petition-container{max-width: 1100px;margin: 0 auto;padding: 3rem 2rem;display: grid;grid-template-columns: 1fr 400px;gap: 3rem}.petition-content h2{color: var(--primary);margin-bottom: 1.5rem}.petition-text{background: white;padding: 2rem;border-radius: 12px;box-shadow: 0 4px 15px rgba(0,0,0,0.08);line-height: 1.8;margin-bottom: 2rem}.petition-text p{margin-bottom: 1rem}.petition-demands{background: var(--bg-alt);padding: 1.5rem;border-radius: 8px;margin: 1.5rem 0}.petition-demands :is(h3, h4){color: var(--primary);margin: 0 0 1rem}.petition-demands ul{margin: 0;padding-left: 1.5rem}.petition-demands li{margin-bottom: 0.5rem}.signature-panel{position: sticky;top: 100px}.signature-card{background: white;border-radius: 12px;padding: 2rem;box-shadow: 0 4px 20px rgba(0,0,0,0.1);border-top: 5px solid var(--accent)}.signature-count{text-align: center;margin-bottom: 1.5rem}.signature-count .count{font-size: 3rem;font-weight: 700;color: var(--accent-text);display: block}.signature-count .goal{color: var(--text-light);font-size: 0.95rem}.progress-bar{background: var(--bg-alt);border-radius: 10px;height: 12px;overflow: hidden;margin-bottom: 1.5rem}.progress-bar .progress{background: linear-gradient(90deg, var(--accent), var(--accent-light));height: 100%;border-radius: 10px;transition: width 1s ease}.signature-form label{display: block;font-weight: 600;color: var(--primary);margin-bottom: 0.5rem}.signature-form input, .signature-form select{width: 100%;padding: 0.75rem;border: 2px solid var(--border);border-radius: 6px;font-size: 1rem;margin-bottom: 1rem}.signature-form input:focus, .signature-form select:focus{outline: none;border-color: var(--primary)}.signature-form .checkbox-group{display: flex;align-items: flex-start;gap: 0.75rem;margin-bottom: 1rem}.signature-form .checkbox-group input{width: auto;margin: 0}.signature-form .checkbox-group label{font-weight: 400;font-size: 0.9rem;color: var(--text)}.signature-form button{width: 100%;padding: 1rem;background: var(--accent);color: white;border: none;border-radius: 6px;font-size: 1.1rem;font-weight: 700;cursor: pointer;transition: background 0.2s}.signature-form button:hover{background: var(--accent-dark)}.recent-signatures{margin-top: 2rem}.recent-signatures h4{color: var(--primary);font-size: 0.95rem;margin-bottom: 1rem}.signature-item{display: flex;align-items: center;gap: 0.75rem;padding: 0.75rem 0;border-bottom: 1px solid var(--border)}.signature-item:last-child{border-bottom: none}.signature-avatar{width: 36px;height: 36px;background: var(--primary);border-radius: 50%;display: flex;align-items: center;justify-content: center;color: white;font-weight: 600;font-size: 0.9rem}.signature-info{flex: 1}.signature-info .name{font-weight: 600;color: var(--primary);font-size: 0.9rem}.signature-info .location{font-size: 0.8rem;color: var(--text-light)}.signature-time{font-size: 0.75rem;color: var(--text-light)}.share-section{background: var(--primary);color: white;padding: 3rem 2rem;text-align: center}.share-section h2{color: white;margin-bottom: 1rem}.share-buttons{display: flex;gap: 1rem;justify-content: center;flex-wrap: wrap;margin-top: 1.5rem}.share-buttons a{display: inline-flex;align-items: center;gap: 0.5rem;padding: 0.75rem 1.5rem;background: white;color: var(--primary);text-decoration: none;border-radius: 6px;font-weight: 600;transition: transform 0.2s}.share-buttons a:hover{transform: scale(1.05)}@media (max-width: 900px){.petition-container{grid-template-columns: 1fr}.signature-panel{position: static}}