.contracts-page{background:#0a0a0a;color:#ffffff;min-height:100vh;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;padding-top:96px;font-weight:300;transition:margin-left .3s ease}@media (min-width:769px){margin-left:40px;margin-left:20px}.contracts-container{max-width:1200px;margin:0 auto;padding:0 40px}@media (min-width:1440px){max-width:min(1200px,calc(100vw - 260px - 160px));max-width:min(1200px,calc(100vw - 60px - 160px))}.contracts-hero{min-height:40vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px 40px;text-align:center;background:#000000;margin:-24px calc(-50vw + 50%) 40px;width:100vw;position:relative;left:0;right:0}.contracts-hero h1{font-size:42px;font-weight:200;margin:0 0 16px;line-height:1.1;letter-spacing:-1px}.contracts-tagline{font-size:16px;color:rgba(255,255,255,.6);max-width:600px;margin:0 auto;line-height:1.4;font-weight:300}.contracts-badge{display:inline-block;padding:8px 20px;background:linear-gradient(90deg,#FF6B35,#F7931E);border-radius:100px;font-size:14px;font-weight:500;letter-spacing:2px;text-transform:uppercase;margin-top:20px;color:#000}.contracts-tabs-section{background:rgba(255,255,255,.02);padding:20px 0;margin-bottom:30px;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}.contracts-tabs{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.contracts-tabs button{padding:10px 30px;background:transparent;border:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.6);border-radius:100px;font-size:15px;font-weight:400;cursor:pointer;transition:all .3s ease;font-family:inherit}.contracts-tabs button:hover{border-color:rgba(255,107,53,.5);color:#FF6B35}.contracts-tabs button.active{background:linear-gradient(90deg,#FF6B35,#F7931E);border-color:transparent;color:#000;font-weight:500}.contracts-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;margin-bottom:40px}.stat-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:24px;text-align:center;transition:all .3s ease}.stat-card:hover{border-color:rgba(255,107,53,.3);background:rgba(255,107,53,.05)}.stat-value{display:block;font-size:36px;font-weight:200;color:#FF6B35;margin-bottom:8px;letter-spacing:-1px}.stat-label{font-size:14px;color:rgba(255,255,255,.6);text-transform:uppercase;letter-spacing:1px;font-weight:400}.contracts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px;margin-bottom:60px}.contract-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:24px;transition:all .3s ease;cursor:pointer;display:flex;flex-direction:column}.contract-card:hover{transform:translateY(-4px);border-color:#FF6B35;background:rgba(255,107,53,.05)}.contract-card.contract-unavailable{opacity:.6;cursor:default}.contract-card.contract-unavailable:hover{transform:none;border-color:rgba(255,255,255,.05);background:rgba(255,255,255,.03)}.contract-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.contract-header h3{font-size:18px;font-weight:400;color:#ffffff;margin:0;flex:1;padding-right:10px;letter-spacing:-.3px}.contract-status{padding:4px 12px;border-radius:20px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.8px;color:#000;white-space:nowrap;flex-shrink:0}.contract-description{color:rgba(255,255,255,.7);font-size:14px;line-height:1.6;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-weight:300;flex-grow:1}.contract-meta{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap}.contract-priority{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.contract-priority.priority-critical{background:rgba(244,67,54,.2);color:#f44336;border:1px solid rgba(244,67,54,.3)}.contract-priority.priority-high{background:rgba(255,152,0,.2);color:#ff9800;border:1px solid rgba(255,152,0,.3)}.contract-priority.priority-medium{background:rgba(255,193,7,.2);color:#ffc107;border:1px solid rgba(255,193,7,.3)}.contract-priority.priority-low{background:rgba(139,195,74,.2);color:#8bc34a;border:1px solid rgba(139,195,74,.3)}.contract-reward{font-size:14px;color:#FF6B35;font-weight:500}.contract-time{font-size:14px;color:rgba(255,255,255,.6);font-weight:400}.contract-assignee{margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.05);font-size:13px}.assignee-label{color:rgba(255,255,255,.5);margin-right:8px}.assignee-name{color:#FF6B35;font-weight:500}.assignee-deadline{display:block;color:rgba(255,193,7,1);font-size:12px;margin-top:4px}.contract-pr{margin-top:12px;font-size:13px}.contract-pr a{color:#3b82f6;text-decoration:none;transition:color .3s ease}.contract-pr a:hover{color:#60a5fa}.contracts-loading{text-align:center;padding:60px 20px;color:rgba(255,255,255,.5);font-size:16px;font-weight:300}.contract-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.contract-modal-content{background:#1a1a1a;border:1px solid rgba(255,255,255,.1);border-radius:16px;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;padding:40px;position:relative}.contract-modal-content h2{color:#ffffff;font-size:24px;font-weight:400;margin:0 0 20px;letter-spacing:-.5px}.contract-modal-meta{display:flex;gap:12px;margin-bottom:30px;flex-wrap:wrap}.priority-badge,.reward-badge,.time-badge{padding:6px 14px;border-radius:20px;font-size:13px;font-weight:500}.priority-badge{background:rgba(255,107,53,.2);color:#FF6B35;border:1px solid #ff6b35}.reward-badge{background:rgba(247,147,26,.2);color:#F7931A;border:1px solid #f7931a}.time-badge{background:rgba(255,255,255,.1);color:#ffffff;border:1px solid rgba(255,255,255,.2)}.contract-modal-section{margin-bottom:30px}.contract-modal-section h3{color:#FF6B35;font-size:16px;font-weight:500;margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px}.contract-modal-section p{color:rgba(255,255,255,.7);line-height:1.6;font-size:14px;font-weight:300}.skills-list{display:flex;flex-wrap:wrap;gap:8px}.skill-badge{padding:4px 12px;background:rgba(255,107,53,.1);border:1px solid rgba(255,107,53,.3);border-radius:16px;font-size:13px;color:#FF6B35;font-weight:400}.deliverables-list{margin:0;padding-left:20px}.deliverables-list li{color:rgba(255,255,255,.7);margin-bottom:8px;font-size:14px;line-height:1.5;font-weight:300}.contract-actions{display:flex;gap:16px;margin-top:30px}.claim-contract-button{flex:1;padding:12px 24px;background:linear-gradient(90deg,#FF6B35,#F7931E);color:#000;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.claim-contract-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(255,107,53,.3)}.github-button{flex:1;padding:12px 24px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#ffffff;text-decoration:none;font-size:14px;font-weight:500;text-align:center;transition:all .3s ease}.github-button:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.3);transform:translateY(-2px)}.close-button{position:absolute;top:20px;right:20px;width:32px;height:32px;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#ffffff;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-button:hover{background:rgba(255,107,53,.2);border-color:#FF6B35;color:#FF6B35;transform:rotate(90deg)}.claim-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:10001;padding:20px}.claim-modal-content{background:#1a1a1a;border:1px solid rgba(255,255,255,.1);border-radius:16px;max-width:500px;width:100%;padding:40px;position:relative}.claim-modal-content h2{color:#FF6B35;font-size:24px;font-weight:400;margin:0 0 16px;letter-spacing:-.5px}.claim-modal-content p{color:rgba(255,255,255,.7);margin-bottom:24px;font-size:14px;line-height:1.5;font-weight:300}.form-group{margin-bottom:20px}.form-group label{display:block;color:rgba(255,255,255,.8);font-size:14px;font-weight:400;margin-bottom:8px;letter-spacing:.3px}.form-group input,.form-group select{width:100%;padding:12px 16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ffffff;font-size:14px;font-family:inherit;font-weight:300;transition:all .3s ease;box-sizing:border-box}.form-group input:focus,.form-group select:focus{outline:none;border-color:#FF6B35;background:rgba(255,255,255,.08)}.form-group input::placeholder{color:rgba(255,255,255,.4)}.form-group select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8'%3e%3cpath fill='%23999' d='M7 8L0 0h14z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.claim-terms{background:rgba(255,107,53,.05);border:1px solid rgba(255,107,53,.2);border-radius:8px;padding:16px;margin-bottom:24px}.claim-terms h4{color:#FF6B35;font-size:14px;font-weight:500;margin:0 0 12px;letter-spacing:.3px}.claim-terms ul{margin:0;padding-left:20px}.claim-terms li{color:rgba(255,255,255,.6);font-size:13px;margin-bottom:6px;font-weight:300;line-height:1.5}.submit-claim-button{width:100%;padding:14px 24px;background:linear-gradient(90deg,#FF6B35,#F7931E);color:#000;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.submit-claim-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(255,107,53,.3)}@media (max-width:768px){padding:0 20px;font-size:32px;grid-template-columns:1fr;grid-template-columns:repeat(2,1fr);flex-direction:column;padding:30px 20px}.contributors-section{margin-bottom:60px}.contributors-header{text-align:center;margin-bottom:40px}.contributors-header h2{font-size:42px;font-weight:200;color:#ffffff;margin-bottom:16px;letter-spacing:-1px}.contributors-header p{font-size:18px;color:rgba(255,255,255,.6);font-weight:300}.completed-tasks{margin-top:40px}.completed-tasks h3{font-size:28px;font-weight:300;color:#ffffff;margin-bottom:24px;text-align:center}.tasks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-bottom:40px}.task-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:20px;transition:all .3s ease}.task-card:hover{border-color:rgba(255,107,53,.3);background:rgba(255,107,53,.05);transform:translateY(-2px)}.task-card.completed{border-color:rgba(34,197,94,.3)}.task-card.completed:hover{border-color:rgba(34,197,94,.5);background:rgba(34,197,94,.05)}.task-content h4{font-size:16px;font-weight:400;color:#ffffff;margin-bottom:12px;line-height:1.4}.task-meta{display:flex;justify-content:space-between;align-items:center;gap:12px}.task-allocation{font-size:14px;color:#FF6B35;font-weight:500}.task-status{font-size:12px;color:#22c55e;font-weight:400}.tokenomics-section{margin-bottom:60px}.tokenomics-header{text-align:center;margin-bottom:40px}.tokenomics-header h2{font-size:42px;font-weight:200;color:#ffffff;margin-bottom:16px;letter-spacing:-1px}.tokenomics-header p{font-size:18px;color:rgba(255,255,255,.6);font-weight:300}.token-overview{margin-bottom:40px}.total-supply{text-align:center;margin-bottom:32px}.total-supply h3{font-size:32px;font-weight:300;color:#FF6B35;letter-spacing:-1px}.distribution-chart{max-width:800px;margin:0 auto}.distribution-item{margin-bottom:24px}.distribution-bar{width:100%;height:40px;background:rgba(255,255,255,.05);border-radius:20px;overflow:hidden;margin-bottom:12px}.distribution-fill{height:100%;border-radius:20px;transition:width .8s ease}.distribution-fill.allocated{background:linear-gradient(90deg,#FF6B35,#F7931E)}.distribution-fill.available{background:linear-gradient(90deg,#22c55e,#16a34a)}.distribution-label{display:flex;justify-content:space-between;align-items:center}.distribution-label .label{font-size:16px;color:#ffffff;font-weight:400}.distribution-label .amount{font-size:14px;color:rgba(255,255,255,.6);font-weight:300}.allocation-breakdown{margin-top:40px}.allocation-breakdown h3{font-size:28px;font-weight:300;color:#ffffff;margin-bottom:24px;text-align:center}.breakdown-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.breakdown-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:24px;text-align:center;transition:all .3s ease}.breakdown-card:hover{border-color:rgba(255,107,53,.3);background:rgba(255,107,53,.05);transform:translateY(-2px)}.breakdown-card h4{font-size:20px;font-weight:400;color:#ffffff;margin-bottom:12px}.breakdown-card p{font-size:14px;color:rgba(255,255,255,.6);margin-bottom:16px;line-height:1.5}.breakdown-percentage{font-size:28px;font-weight:200;color:#FF6B35;letter-spacing:-1px}.token-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;margin-bottom:40px}@media (max-width:768px){.contributors-header h2,.tokenomics-header h2{font-size:32px}.contributors-header p,.tokenomics-header p{font-size:16px}.breakdown-grid,.tasks-grid{grid-template-columns:1fr}.distribution-label{flex-direction:column;align-items:flex-start;gap:4px}.total-supply h3{font-size:24px}}.contract-info-section{margin-top:40px;background:linear-gradient(135deg,rgba(247,147,26,.05),rgba(0,0,0,.3));border:1px solid rgba(247,147,26,.2);border-radius:12px;padding:30px}.contract-info-section h3{color:#f7931a;font-size:20px;font-weight:600;margin-bottom:20px;text-align:center}.contract-info-grid{display:grid;grid-template-columns:1fr;gap:12px}.contract-info-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.1)}.contract-info-item:last-child{border-bottom:none}.contract-info-label{color:rgba(255,255,255,.9);font-weight:500;min-width:120px}.contract-info-value{color:rgba(255,255,255,.7);font-family:SF Mono,Menlo,monospace;font-size:14px;text-align:right;flex:1;margin-left:16px}.contract-info-value.contract-id{word-break:break-all;font-size:12px;line-height:1.3}.contract-info-link{color:#f7931a!important;text-decoration:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;font-weight:500;transition:all .2s ease}.contract-info-link:hover{color:#ffcd00!important;text-decoration:underline}@media (max-width:768px){.contract-info-item{flex-direction:column;align-items:flex-start;gap:4px}.contract-info-value{text-align:left;margin-left:0;width:100%}.contract-info-value.contract-id{font-size:11px}}