.collab-page{padding-bottom:140px;position:relative;overflow:hidden}.collab-hero{text-align:center;padding:140px 0 120px}.collab-badge2{color:#ff4fd8;letter-spacing:2px;background:#ffffff0d;border:1px solid #ffffff14;border-radius:999px;margin-bottom:30px;padding:12px 20px;font-size:.82rem;font-weight:700;display:inline-flex}.collab-hero h1{letter-spacing:-4px;color:#fff;margin-bottom:28px;font-size:clamp(3rem,7vw,6.5rem);font-weight:900}.collab-hero h1 span,.story-text h2 span,.form-header h2 span{background:linear-gradient(135deg,#ff4fd8,#8b5cff);-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text}.collab-hero p{color:#ffffffa6;max-width:900px;margin:0 auto;font-size:1.1rem;line-height:1.9}.hero-stats{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-top:80px;display:grid}.hero-stat{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:30px;align-items:flex-start;gap:18px;padding:28px;transition:transform .4s,border-color .4s;display:flex}.hero-stat:hover{border-color:#ff4fd866;transform:translateY(-6px)}.hero-stat svg{color:#ff4fd8;font-size:1.8rem}.hero-stat h3{color:#fff;margin-bottom:10px;font-size:1.15rem;font-weight:800}.hero-stat span{color:#ffffffa6;font-size:.92rem;line-height:1.6}.collab-story{padding:60px 0 120px}.story-grid{grid-template-columns:1.4fr .8fr;gap:40px;display:grid}.story-text span,.form-header span,.manager-card span{letter-spacing:2px;color:#ff4fd8;font-size:.82rem;font-weight:700}.story-text h2,.form-header h2{letter-spacing:-3px;color:#fff;margin:20px 0;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:900}.story-text p,.form-header p,.manager-card p{color:#ffffffa8;font-size:1rem;line-height:1.8}.story-points{flex-direction:column;gap:24px;margin-top:40px;display:flex}.story-point{background:#ffffff0a;border:1px solid #ffffff14;border-radius:28px;padding:28px;transition:transform .4s,border-color .4s}.story-point:hover{border-color:#ff4fd866;transform:translateY(-6px)}.story-point h3{color:#fff;margin-bottom:12px;font-size:1.15rem;font-weight:800}.side-column{flex-direction:column;gap:24px;height:fit-content;display:flex;position:sticky;top:120px}.manager-card{background:linear-gradient(#ffffff0d,#ffffff08);border:1px solid #ffffff14;border-radius:32px;height:fit-content;padding:40px;transition:transform .4s,border-color .4s}.manager-card:hover{border-color:#ff4fd866;transform:translateY(-6px)}.manager-card h3{color:#fff;margin:18px 0;font-size:2rem;font-weight:900}.manager-card a{color:#fff;background:#ffffff0d;border:1px solid #ffffff14;border-radius:20px;align-items:center;gap:14px;margin-top:20px;padding:18px 22px;font-weight:700;text-decoration:none;transition:all .3s;display:flex}.manager-card a:hover{border-color:#ff4fd880;transform:translateY(-4px);box-shadow:0 15px 40px #ff4fd826}.manager-card svg{color:#ff4fd8;font-size:1.4rem}.stats-preview-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(#ffffff14,#ffffff08);border:1px solid #ffffff14;border-radius:32px;margin-top:24px;padding:32px;transition:transform .4s,border-color .4s;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000059,0 0 80px #8b5cff14}.stats-preview-card:hover{border-color:#ff4fd866;transform:translateY(-6px)}.stats-preview-card:hover .stats-preview-glow{opacity:1}.stats-preview-card span{letter-spacing:2px;color:#ff4fd8;margin-bottom:14px;font-size:.75rem;font-weight:800;display:inline-block}.stats-preview-card h3{color:#fff;margin-bottom:16px;font-size:2rem;font-weight:900;line-height:1}.stats-preview-card h3 span{font-size:inherit;background:linear-gradient(135deg,#ff4fd8,#8b5cff);-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;display:inline}.stats-preview-card p{color:#ffffffad;margin-bottom:28px;font-size:.96rem;line-height:1.8}.stats-preview-card a{color:#fff;background:linear-gradient(135deg,#ff4fd8,#8b5cff);border-radius:999px;justify-content:center;align-items:center;height:58px;padding:0 28px;font-size:.95rem;font-weight:800;text-decoration:none;transition:transform .3s,box-shadow .3s;display:inline-flex;box-shadow:0 12px 30px #ff4fd840,0 6px 18px #6f3cff33}.stats-preview-card a:hover{transform:translateY(-3px)scale(1.03);box-shadow:0 18px 44px #ff4fd857,0 10px 24px #6f3cff42}.stats-preview-glow{filter:blur(70px);opacity:.45;pointer-events:none;background:radial-gradient(circle at top,#ff4fd83d,#0000 35%),radial-gradient(circle at bottom,#8b5cff38,#0000 35%);transition:opacity .4s;position:absolute;inset:-40%}.collab-form-section{padding-top:40px}.form-header{text-align:center;margin-bottom:60px}.collab-form{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:36px;padding:40px}.form-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.form-group{flex-direction:column;display:flex}.form-group.full{grid-column:span 2}.form-group label{color:#fff;margin-bottom:12px;font-size:.92rem;font-weight:700}.form-group input,.form-group textarea{color:#fff;background:#ffffff0d;border:1px solid #ffffff14;border-radius:18px;outline:none;padding:18px 20px;font-size:1rem;transition:all .3s}.form-group textarea{resize:vertical;min-height:220px}.form-group input:focus,.form-group textarea:focus{border-color:#ff4fd899;box-shadow:0 0 0 4px #ff4fd81f}.collab-form button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff4fd8,#8b5cff);border:none;border-radius:22px;width:100%;margin-top:30px;padding:22px;font-size:1rem;font-weight:800;transition:all .35s}.collab-form button:hover{transform:translateY(-3px);box-shadow:0 20px 50px #ff4fd840}@media screen and (max-width:900px){.story-grid{grid-template-columns:1fr}.manager-card{position:relative;top:0}.form-grid{grid-template-columns:1fr}.form-group.full{grid-column:span 1}}@media screen and (max-width:600px){.collab-hero{padding:110px 0 80px}.collab-form{border-radius:24px;padding:24px}.hero-stat,.story-point,.manager-card{border-radius:24px;padding:22px}.collab-hero h1,.story-text h2,.form-header h2{letter-spacing:-2px}}
.collab-modal-overlay{z-index:9999;pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;top:24px;right:24px}.collab-modal-card{pointer-events:auto;background:#1a1a24;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;min-width:300px;max-width:450px;padding:16px 24px;animation:.3s ease-out slideIn;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000080}.collab-modal-card.success{border-left:4px solid #10b981}.collab-modal-card.success .success-icon{color:#10b981}.collab-modal-card.success .modal-progress-bar{background:#10b981}.collab-modal-card.error{border-left:4px solid #ef4444}.collab-modal-card.error .error-icon{color:#ef4444}.collab-modal-card.error .modal-progress-bar{background:#ef4444}.modal-content{align-items:center;gap:14px;margin-bottom:8px;display:flex}.modal-icon{flex-shrink:0;font-size:24px}.modal-message{color:#fff;margin:0;font-size:15px;font-weight:500;line-height:1.4}.modal-progress-bar{width:100%;height:3px;animation-name:shrink;animation-timing-function:linear;animation-fill-mode:forwards;position:absolute;bottom:0;left:0}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes shrink{0%{width:100%}to{width:0%}}