.announcement-bar{color:#fff;text-align:center;z-index:1001;opacity:0;background:linear-gradient(135deg,#10b981,#8b5cf6);border-bottom:1px solid #fff3;padding:.5rem 0;font-size:.9rem;font-weight:500;animation:.6s ease-out forwards slideInAnnouncement;position:fixed;top:0;left:0;right:0;transform:translateY(-100%);box-shadow:0 2px 10px #10b98133}@keyframes slideInAnnouncement{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.announcement-content{max-width:1200px;margin:0 auto;padding:0 2rem}.nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;opacity:0;background:#fff;border-bottom:1px solid #e9ecef;justify-content:space-between;align-items:center;padding:1rem 2rem;animation:.8s ease-out .2s forwards slideInNav;display:flex;position:fixed;top:35px;left:0;right:0;transform:translateY(-100%);box-shadow:0 2px 10px #0000001a}@keyframes slideInNav{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.nav-logo{background:linear-gradient(135deg,#10b981,#8b5cf6);-webkit-text-fill-color:transparent;cursor:pointer;-webkit-background-clip:text;background-clip:text;border-radius:8px;align-items:center;padding:.5rem;font-size:1.5rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.nav-logo:hover{background:linear-gradient(135deg,#059669,#7c3aed);-webkit-text-fill-color:transparent;text-shadow:0 0 20px #10b9814d;-webkit-background-clip:text;background-clip:text;transform:scale(1.05)}.nav-logo:before{content:"";opacity:0;z-index:-1;background:linear-gradient(135deg,#10b981,#8b5cf6);border-radius:10px;transition:opacity .3s;position:absolute;inset:-2px}.nav-logo:hover:before{opacity:.1}.nav-links{gap:2rem;list-style:none;display:flex}.nav-links a{color:#6b7280;border-radius:8px;padding:.5rem 1rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.nav-links a:hover{color:#10b981;background:#10b9810d;transform:translateY(-1px);box-shadow:0 4px 12px #10b98126}.nav-cta{color:#fff;background:linear-gradient(135deg,#10b981,#8b5cf6);border:1px solid #0000;border-radius:8px;padding:.5rem 1rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 15px #10b9814d}.nav-cta:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.nav-cta:hover:before{left:100%}.nav-cta:hover{background:linear-gradient(135deg,#059669,#7c3aed);border-color:#fff3;transform:translateY(-2px)scale(1.05);box-shadow:0 8px 25px #10b98166,0 0 30px #8b5cf64d}.nav-right{align-items:center;gap:1rem;display:flex}.github-stars{color:#666;background:#10b9810d;border:1px solid #10b9811a;border-radius:20px;align-items:center;gap:.5rem;padding:.25rem .75rem;font-size:.9rem;transition:all .3s;animation:3s ease-in-out infinite gentlePulse;display:flex}.github-stars:hover{background:#10b9811a;border-color:#10b98133;transform:translateY(-1px);box-shadow:0 4px 12px #10b98126}@keyframes gentlePulse{0%,to{transform:scale(1);box-shadow:0 2px 8px #10b9811a}50%{transform:scale(1.02);box-shadow:0 4px 12px #10b98133}}.github-icon{font-size:1rem}.custom-dropdown-content{z-index:11000;background:#fff;border:1px solid #e5e7eb;border-radius:8px;width:220px;margin-top:8px;padding:4px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.custom-dropdown-user-section{border-bottom:1px solid #f3f4f6;padding:12px}.custom-dropdown-user-info{align-items:center;gap:12px;display:flex}.custom-dropdown-avatar{width:40px;height:40px}.custom-dropdown-user-details{flex:1;min-width:0}.custom-dropdown-user-name{color:#111827;text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px;font-size:14px;font-weight:500;overflow:hidden}.custom-dropdown-user-email{color:#6b7280;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.custom-dropdown-menu-section{padding:4px 0}.custom-dropdown-menu-item{color:#374151;cursor:pointer;border-radius:6px;align-items:center;gap:12px;margin:0 4px;padding:10px 12px;font-weight:500;transition:all .2s;display:flex}.custom-dropdown-menu-item:hover{background-color:#f9fafb}.custom-dropdown-menu-item.logout:hover{color:#dc2626;background-color:#fef2f2}.custom-dropdown-menu-item.logout .custom-dropdown-icon{color:#dc2626}.custom-dropdown-icon{color:#6b7280;flex-shrink:0;width:16px;height:16px}.custom-dropdown-divider{border-top:1px solid #f3f4f6;margin:4px 8px}
.grid-bg{z-index:-3;opacity:.3;background-image:linear-gradient(#00000005 1px,#0000 1px),linear-gradient(90deg,#00000005 1px,#0000 1px);background-size:20px 20px;width:100%;height:100%;position:fixed;top:0;left:0}.grid-bg:before{content:"";background-image:radial-gradient(circle,#00000005 1px,#0000 1px);background-position:10px 10px;background-size:20px 20px;width:100%;height:100%;position:absolute;top:0;left:0}.ascii-bg{z-index:-2;opacity:.03;color:#10b981;white-space:pre;background:#fff;width:100%;height:100%;font-family:Courier New,monospace;font-size:6px;line-height:6px;animation:30s linear infinite asciiMove;position:fixed;top:0;left:0;overflow:hidden}@keyframes asciiMove{0%{transform:translateY(0)}to{transform:translateY(-200px)}}.moving-blocks{z-index:-1;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}.ascii-block{color:#666;opacity:.2;white-space:pre;font-family:Courier New,monospace;font-size:.7rem;line-height:.8rem;animation:15s ease-in-out infinite blockMove;position:absolute}.block-1{animation-duration:18s;animation-delay:0s;top:20%;left:5%}.block-2{animation-duration:20s;animation-delay:3s;top:60%;left:15%}.block-3{animation-duration:16s;animation-delay:6s;top:40%;right:10%}.block-4{animation-duration:22s;animation-delay:9s;top:80%;right:20%}@keyframes blockMove{0%,to{opacity:.1;transform:translate(0)translateY(0)rotate(0)}25%{opacity:.3;transform:translate(20px)translateY(-10px)rotate(1deg)}50%{opacity:.2;transform:translate(-10px)translateY(15px)rotate(-1deg)}75%{opacity:.25;transform:translate(15px)translateY(-5px)rotate(.5deg)}}.status-messages{z-index:-1;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}.status-message{color:#666;opacity:.3;font-family:Courier New,monospace;font-size:.8rem;animation:4s ease-in-out infinite fadeInOut;position:absolute}.status-message:first-child{animation-delay:0s;top:15%;left:8%}.status-message:nth-child(2){animation-delay:1s;top:25%;right:12%}.status-message:nth-child(3){animation-delay:2s;top:55%;left:18%}.status-message:nth-child(4){animation-delay:3s;top:65%;right:22%}.status-message:nth-child(5){animation-delay:4s;top:35%;left:25%}.status-message:nth-child(6){animation-delay:5s;top:75%;right:8%}@keyframes fadeInOut{0%,to{opacity:.1}50%{opacity:.4}}.crosshairs{z-index:-1;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}.crosshair{width:20px;height:20px;animation:4s ease-in-out infinite crosshairPulse;position:absolute}.crosshair:before{content:"";background:#ff6b35;border-radius:50%;width:4px;height:4px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 8px #ff6b3599}.crosshair:after{content:"";opacity:.3;border:1px solid #ff6b35;border-radius:50%;width:20px;height:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.crosshair-1{animation-delay:0s;top:20%;left:15%}.crosshair-2{animation-delay:1s;top:30%;right:20%}.crosshair-3{animation-delay:2s;top:60%;left:25%}.crosshair-4{animation-delay:3s;top:70%;right:15%}.crosshair-5{animation-delay:4s;top:45%;left:50%}@keyframes crosshairPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}.glowing-dots{z-index:-1;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}.glow-dot{background:linear-gradient(135deg,#10b981,#8b5cf6);border-radius:50%;width:4px;height:4px;animation:3s ease-in-out infinite glow;position:absolute}.glow-dot:first-child{animation-delay:0s;top:12%;left:8%}.glow-dot:nth-child(2){animation-delay:1s;top:22%;right:18%}.glow-dot:nth-child(3){animation-delay:2s;top:62%;left:12%}.glow-dot:nth-child(4){animation-delay:3s;top:72%;right:28%}.glow-dot:nth-child(5){animation-delay:4s;top:42%;left:35%}.glow-dot:nth-child(6){animation-delay:5s;top:82%;right:5%}@keyframes glow{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.8;transform:scale(1.5)}}.network-nodes{z-index:-1;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}.node-group{animation:8s ease-in-out infinite nodeFloat;position:absolute}.group-1{animation-delay:0s;top:15%;right:10%}.group-2{animation-delay:4s;top:65%;left:8%}.node{opacity:.2;background:#666;border-radius:50%;width:6px;height:6px;animation:3s ease-in-out infinite nodePulse;position:absolute}.group-1 .node:first-child{animation-delay:0s;top:0;left:0}.group-1 .node:nth-child(2){animation-delay:1s;top:20px;left:15px}.group-1 .node:nth-child(3){animation-delay:2s;top:10px;left:30px}.group-2 .node:first-child{animation-delay:0s;top:0;left:0}.group-2 .node:nth-child(2){animation-delay:1s;top:15px;left:20px}.group-2 .node:nth-child(3){animation-delay:2s;top:5px;left:35px}.connection{opacity:.1;background:#666;height:1px;animation:4s ease-in-out infinite connectionFlow;position:absolute}.group-1 .connection:nth-child(4){width:15px;animation-delay:0s;top:3px;left:3px;transform:rotate(30deg)}.group-1 .connection:nth-child(5){width:12px;animation-delay:1s;top:13px;left:18px;transform:rotate(-20deg)}.group-2 .connection:nth-child(4){width:20px;animation-delay:0s;top:2px;left:3px;transform:rotate(45deg)}.group-2 .connection:nth-child(5){width:17px;animation-delay:1s;top:8px;left:18px;transform:rotate(-30deg)}@keyframes nodeFloat{0%,to{transform:translateY(0)translate(0)}25%{transform:translateY(-5px)translate(3px)}50%{transform:translateY(0)translate(5px)}75%{transform:translateY(3px)translate(2px)}}@keyframes nodePulse{0%,to{opacity:.1;transform:scale(1)}50%{opacity:.3;transform:scale(1.2)}}@keyframes connectionFlow{0%,to{opacity:.05}50%{opacity:.2}}.floating-particles{z-index:-1;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}.particle{opacity:.6;background:linear-gradient(135deg,#10b981,#8b5cf6);border-radius:50%;width:2px;height:2px;animation:8s ease-in-out infinite floatParticle;position:absolute}.particle-1{animation-delay:0s;top:10%;left:20%}.particle-2{animation-delay:1s;top:30%;left:70%}.particle-3{animation-delay:2s;top:50%;left:10%}.particle-4{animation-delay:3s;top:70%;left:80%}.particle-5{animation-delay:4s;top:20%;left:50%}.particle-6{animation-delay:5s;top:60%;left:30%}.particle-7{animation-delay:6s;top:40%;left:90%}.particle-8{animation-delay:7s;top:80%;left:40%}.particle-9{animation-delay:.5s;top:15%;left:60%}.particle-10{animation-delay:1.5s;top:85%;left:15%}.particle-11{animation-delay:2.5s;top:35%;left:25%}.particle-12{animation-delay:3.5s;top:65%;left:75%}.particle-13{animation-delay:4.5s;top:25%;left:45%}.particle-14{animation-delay:5.5s;top:55%;left:5%}.particle-15{animation-delay:6.5s;top:75%;left:85%}.particle-16{animation-delay:7.5s;top:5%;left:35%}.particle-17{animation-delay:.8s;top:45%;left:55%}.particle-18{animation-delay:1.8s;top:90%;left:65%}.particle-19{animation-delay:2.8s;top:28%;left:12%}.particle-20{animation-delay:3.8s;top:72%;left:88%}@keyframes floatParticle{0%,to{opacity:.3;transform:translateY(0)translate(0)scale(1)}25%{opacity:.8;transform:translateY(-20px)translate(10px)scale(1.2)}50%{opacity:.5;transform:translateY(-10px)translate(-15px)scale(.8)}75%{opacity:.7;transform:translateY(15px)translate(5px)scale(1.1)}}.geometric-shapes{z-index:-1;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}.shape{opacity:.1;animation:12s linear infinite rotateShape;position:absolute}.triangle{border-bottom:25px solid #10b981;border-left:15px solid #0000;border-right:15px solid #0000;width:0;height:0;animation-delay:0s;top:15%;right:10%}.hexagon{background:#8b5cf6;width:30px;height:17px;animation-delay:3s;position:relative;top:60%;left:15%}.hexagon:before,.hexagon:after{content:"";border-left:15px solid #0000;border-right:15px solid #0000;width:0;height:0;position:absolute;left:0}.hexagon:before{border-bottom:8.5px solid #8b5cf6;bottom:100%}.hexagon:after{border-top:8.5px solid #8b5cf6;top:100%}.circle-shape{background:linear-gradient(135deg,#10b981,#8b5cf6);border-radius:50%;width:20px;height:20px;animation-delay:6s;top:40%;right:25%}.square{background:#ff6b35;width:18px;height:18px;animation-delay:9s;top:75%;left:70%}.diamond{background:#10b981;width:16px;height:16px;animation-delay:12s;top:25%;left:40%;transform:rotate(45deg)}@keyframes rotateShape{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.wave-patterns{z-index:-1;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}.wave{background:linear-gradient(90deg,#0000,#10b9814d,#0000);height:2px;animation:6s ease-in-out infinite waveFlow;position:absolute}.wave-1{width:30%;animation-delay:0s;top:20%;left:0}.wave-2{width:25%;animation-delay:2s;top:50%;right:0}.wave-3{width:35%;animation-delay:4s;bottom:30%;left:10%}@keyframes waveFlow{0%,to{opacity:.2;transform:scaleX(.8)}50%{opacity:.6;transform:scaleX(1.2)}}.circuit-patterns{z-index:-1;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}.circuit-line{background:linear-gradient(90deg,#0000,#10b981,#0000);height:1px;animation:4s ease-in-out infinite circuitPulse;position:absolute}.line-1{width:15%;animation-delay:0s;top:35%;left:20%}.line-2{width:12%;animation-delay:1s;top:65%;right:15%}.line-3{width:18%;animation-delay:2s;bottom:20%;left:60%}.circuit-node{background:#8b5cf6;border-radius:50%;width:4px;height:4px;animation:3s ease-in-out infinite nodeBlink;position:absolute}.node-1{animation-delay:0s;top:35%;left:35%}.node-2{animation-delay:1s;top:65%;right:27%}.node-3{animation-delay:2s;bottom:20%;left:78%}@keyframes circuitPulse{0%,to{opacity:.3}50%{opacity:.8}}@keyframes nodeBlink{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.5)}}.data-streams{z-index:-1;pointer-events:none;width:100%;height:100%;font-family:Courier New,monospace;position:fixed;top:0;left:0}.data-stream{color:#10b981;opacity:.4;white-space:nowrap;font-size:10px;animation:8s linear infinite dataFlow;position:absolute}.stream-1{animation-delay:0s;top:10%;left:-20%}.stream-2{animation-delay:2s;top:40%;right:-20%}.stream-3{animation-delay:4s;bottom:25%;left:-20%}@keyframes dataFlow{0%{opacity:0;transform:translate(-100%)}10%{opacity:.6}90%{opacity:.6}to{opacity:0;transform:translate(100vw)}}.matrix-rain{z-index:-1;pointer-events:none;width:100%;height:100%;font-family:Courier New,monospace;position:fixed;top:0;left:0;overflow:hidden}.matrix-column{color:#10b981;opacity:.3;font-size:12px;line-height:12px;animation:4s linear infinite matrixFall;position:absolute;top:-100px}.matrix-char{animation:.5s ease-in-out infinite alternate matrixGlow;display:block}.col-1{animation-delay:0s;left:5%}.col-2{animation-delay:.2s;left:10%}.col-3{animation-delay:.4s;left:15%}.col-4{animation-delay:.6s;left:20%}.col-5{animation-delay:.8s;left:25%}.col-6{animation-delay:1s;left:30%}.col-7{animation-delay:1.2s;left:35%}.col-8{animation-delay:1.4s;left:40%}.col-9{animation-delay:1.6s;left:45%}.col-10{animation-delay:1.8s;left:50%}.col-11{animation-delay:2s;left:55%}.col-12{animation-delay:2.2s;left:60%}.col-13{animation-delay:2.4s;left:65%}.col-14{animation-delay:2.6s;left:70%}.col-15{animation-delay:2.8s;left:75%}@keyframes matrixFall{0%{opacity:0;transform:translateY(-100px)}10%{opacity:.8}90%{opacity:.8}to{opacity:0;transform:translateY(100vh)}}@keyframes matrixGlow{0%{opacity:.3}to{opacity:.8}}.pulsing-orbs{z-index:-1;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}.orb{background:radial-gradient(circle,#10b9814d 0%,#0000 70%);border-radius:50%;animation:5s ease-in-out infinite orbPulse;position:absolute}.orb-1{width:40px;height:40px;animation-delay:0s;top:20%;left:10%}.orb-2{width:60px;height:60px;animation-delay:1.5s;top:60%;right:15%}.orb-3{width:35px;height:35px;animation-delay:3s;bottom:30%;left:25%}.orb-4{width:50px;height:50px;animation-delay:4.5s;top:70%;right:30%}@keyframes orbPulse{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}.energy-fields{z-index:-1;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}.energy-field{border:1px solid #8b5cf64d;border-radius:50%;animation:8s ease-in-out infinite energyExpand;position:absolute}.field-1{width:80px;height:80px;animation-delay:0s;top:25%;left:20%}.field-2{width:100px;height:100px;animation-delay:2s;top:55%;right:25%}.field-3{width:70px;height:70px;animation-delay:4s;bottom:20%;left:50%}@keyframes energyExpand{0%,to{opacity:.1;transform:scale(.8)}50%{opacity:.4;transform:scale(1.2)}}.digital-noise{z-index:-1;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}.noise-pixel{opacity:.1;background:#10b981;width:1px;height:1px;animation:.1s ease-in-out infinite noiseFlicker;position:absolute}.pixel-1{animation-delay:0s;top:15%;left:12%}.pixel-2{animation-delay:50ms;top:25%;left:45%}.pixel-3{animation-delay:.1s;top:35%;left:78%}.pixel-4{animation-delay:.15s;top:45%;left:23%}.pixel-5{animation-delay:.2s;top:55%;left:67%}.pixel-6{animation-delay:.25s;top:65%;left:34%}.pixel-7{animation-delay:.3s;top:75%;left:89%}.pixel-8{animation-delay:.35s;top:18%;left:56%}.pixel-9{animation-delay:.4s;top:28%;left:91%}.pixel-10{animation-delay:.45s;top:38%;left:7%}.pixel-11{animation-delay:.5s;top:48%;left:72%}.pixel-12{animation-delay:.55s;top:58%;left:18%}.pixel-13{animation-delay:.6s;top:68%;left:83%}.pixel-14{animation-delay:.65s;top:78%;left:41%}.pixel-15{animation-delay:.7s;top:12%;left:69%}.pixel-16{animation-delay:.75s;top:22%;left:94%}.pixel-17{animation-delay:.8s;top:32%;left:3%}.pixel-18{animation-delay:.85s;top:42%;left:58%}.pixel-19{animation-delay:.9s;top:52%;left:27%}.pixel-20{animation-delay:.95s;top:62%;left:76%}.pixel-21{animation-delay:1s;top:72%;left:39%}.pixel-22{animation-delay:1.05s;top:82%;left:62%}.pixel-23{animation-delay:1.1s;top:16%;left:81%}.pixel-24{animation-delay:1.15s;top:26%;left:14%}.pixel-25{animation-delay:1.2s;top:36%;left:47%}.pixel-26{animation-delay:1.25s;top:46%;left:85%}.pixel-27{animation-delay:1.3s;top:56%;left:31%}.pixel-28{animation-delay:1.35s;top:66%;left:73%}.pixel-29{animation-delay:1.4s;top:76%;left:9%}.pixel-30{animation-delay:1.45s;top:86%;left:52%}.pixel-31{animation-delay:1.5s;top:19%;left:88%}.pixel-32{animation-delay:1.55s;top:29%;left:21%}.pixel-33{animation-delay:1.6s;top:39%;left:64%}.pixel-34{animation-delay:1.65s;top:49%;left:97%}.pixel-35{animation-delay:1.7s;top:59%;left:5%}.pixel-36{animation-delay:1.75s;top:69%;left:48%}.pixel-37{animation-delay:1.8s;top:79%;left:92%}.pixel-38{animation-delay:1.85s;top:13%;left:36%}.pixel-39{animation-delay:1.9s;top:23%;left:79%}.pixel-40{animation-delay:1.95s;top:33%;left:16%}.pixel-41{animation-delay:2s;top:43%;left:59%}.pixel-42{animation-delay:2.05s;top:53%;left:93%}.pixel-43{animation-delay:2.1s;top:63%;left:28%}.pixel-44{animation-delay:2.15s;top:73%;left:71%}.pixel-45{animation-delay:2.2s;top:83%;left:44%}.pixel-46{animation-delay:2.25s;top:17%;left:87%}.pixel-47{animation-delay:2.3s;top:27%;left:22%}.pixel-48{animation-delay:2.35s;top:37%;left:65%}.pixel-49{animation-delay:2.4s;top:47%;left:98%}.pixel-50{animation-delay:2.45s;top:57%;left:11%}@keyframes noiseFlicker{0%,to{opacity:.05}50%{opacity:.3}}
.hero{text-align:center;z-index:1;background:linear-gradient(135deg,#10b9810d,#8b5cf60d);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;margin-top:120px;padding:2rem;display:flex;position:relative}.hero h1 .highlight{color:#10b981}.portal-search-container{z-index:1;width:100%;max-width:1000px;margin:2rem auto 0;padding:0 20px;position:relative;overflow:visible}.portal-search-container .rounded-lg{background:#fff;border:1px solid #e5e7eb;border-radius:2rem;width:100%;min-width:800px;padding:24px;box-shadow:0 1px 3px #0000001a}.portal-search-container input[type=text]{color:#374151;background:#fff;border:none;height:56px;font-size:16px}.portal-search-container input[type=text]::placeholder{color:#9ca3af}.portal-search-container input[type=number]{color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:8px}.portal-search-container input[type=number]::placeholder{color:#9ca3af}.portal-search-container button[data-slot=tooltip-trigger]{background:#fff;border:1px solid #e5e7eb;border-radius:8px;width:40px;height:40px;transition:all .2s}.portal-search-container button[data-slot=tooltip-trigger]:hover{background:#f9fafb}.portal-search-container button[data-slot=tooltip-trigger].bg-green-100{background:#dcfce7;border-color:#dcfce7}.portal-search-container button[data-slot=tooltip-trigger].bg-green-100:hover{background:#bbf7d0}.portal-search-container button[data-slot=button]{background:#01c38d;border:none;border-radius:50%;width:40px;height:40px;transition:all .2s}.portal-search-container button[data-slot=button]:hover{background:#019f73}.portal-search-container hr{border:none;border-top:1px solid #e5e7eb;margin:20px 0}.portal-search-container .tag-chip{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:20px;align-items:center;gap:8px;padding:8px 12px;transition:all .2s;display:flex}.portal-search-container .tag-chip:hover{background:#e5e7eb}.portal-search-container .tag-chip .remove-tag{background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;transition:all .2s;display:flex}.portal-search-container .tag-chip .remove-tag:hover{background:#d1d5db}.portal-search-container .divider{margin:10px 0!important}.portal-search-container .selected-tags{margin-top:1px!important;padding-top:5px!important}.input-wrapper{width:100%;position:relative}.keyword-input{color:#374151;background:#fff;border:none;outline:none;width:100%;height:56px;padding:0 20px;font-size:16px}.typing-placeholder{color:#9ca3af;pointer-events:none;white-space:nowrap;font-size:16px;position:absolute;top:50%;left:20px;transform:translateY(-50%)}.cursor{color:#9ca3af;animation:1s infinite blink}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.action-buttons-row{justify-content:space-between;align-items:center;gap:20px;width:100%;margin-top:20px;display:flex;overflow:visible!important}.left-actions{flex:1;overflow:visible!important}.action-buttons{z-index:2;gap:12px;display:flex;position:relative;overflow:visible!important}.action-btn{cursor:pointer;width:40px;height:40px;box-shadow:none;background:#fff;border:none;border-radius:8px;outline:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.action-btn:hover,.action-btn.add-btn,.action-btn.add-btn:hover{background:#dcfce7}.action-btn .icon{width:16px;height:16px}.action-btn.magic-btn{position:relative!important;overflow:visible!important}.action-btn.magic-btn:hover{color:inherit!important;box-shadow:none!important;background:#dcfce7!important;border-color:#0000!important;transform:none!important}.action-btn.magic-btn:hover:after{content:"Advance Search"!important;color:#fff!important;white-space:nowrap!important;z-index:9999!important;opacity:1!important;visibility:visible!important;pointer-events:none!important;background:#1f2937!important;border-radius:6px!important;padding:8px 12px!important;font-size:12px!important;font-weight:500!important;transition:all .2s!important;position:absolute!important;bottom:calc(100% + 8px)!important;left:50%!important;transform:translate(-50%)!important;box-shadow:0 4px 12px #00000026!important}.action-btn.magic-btn:hover:before{content:""!important;z-index:9999!important;pointer-events:none!important;border:4px solid #0000!important;border-top-color:#1f2937!important;position:absolute!important;bottom:calc(100% + 2px)!important;left:50%!important;transform:translate(-50%)!important}.action-btn.add-btn{position:relative!important;overflow:visible!important}.action-btn.add-btn:hover:after{content:"Select Platform"!important;color:#fff!important;white-space:nowrap!important;z-index:9999!important;opacity:1!important;visibility:visible!important;pointer-events:none!important;background:#1f2937!important;border-radius:6px!important;padding:8px 12px!important;font-size:12px!important;font-weight:500!important;transition:all .2s!important;position:absolute!important;bottom:calc(100% + 8px)!important;left:50%!important;transform:translate(-50%)!important;box-shadow:0 4px 12px #00000026!important}.action-btn.add-btn:hover:before{content:""!important;z-index:9999!important;pointer-events:none!important;border:4px solid #0000!important;border-top-color:#1f2937!important;position:absolute!important;bottom:calc(100% + 2px)!important;left:50%!important;transform:translate(-50%)!important}.action-btn.shuffle-btn{position:relative!important;overflow:visible!important}.action-btn.shuffle-btn:hover:after{content:"Apply filters"!important;color:#fff!important;white-space:nowrap!important;z-index:9999!important;opacity:1!important;visibility:visible!important;pointer-events:none!important;background:#1f2937!important;border-radius:6px!important;padding:8px 12px!important;font-size:12px!important;font-weight:500!important;transition:all .2s!important;position:absolute!important;bottom:calc(100% + 8px)!important;left:50%!important;transform:translate(-50%)!important;box-shadow:0 4px 12px #00000026!important}.action-btn.shuffle-btn:hover:before{content:""!important;z-index:9999!important;pointer-events:none!important;border:4px solid #0000!important;border-top-color:#1f2937!important;position:absolute!important;bottom:calc(100% + 2px)!important;left:50%!important;transform:translate(-50%)!important}.action-btn.upload-btn{position:relative!important;overflow:visible!important}.action-btn.upload-btn:hover:after{content:"Import csv"!important;color:#fff!important;white-space:nowrap!important;z-index:9999!important;opacity:1!important;visibility:visible!important;pointer-events:none!important;background:#1f2937!important;border-radius:6px!important;padding:8px 12px!important;font-size:12px!important;font-weight:500!important;transition:all .2s!important;position:absolute!important;bottom:calc(100% + 8px)!important;left:50%!important;transform:translate(-50%)!important;box-shadow:0 4px 12px #00000026!important}.action-btn.upload-btn:hover:before{content:""!important;z-index:9999!important;pointer-events:none!important;border:4px solid #0000!important;border-top-color:#1f2937!important;position:absolute!important;bottom:calc(100% + 2px)!important;left:50%!important;transform:translate(-50%)!important}.right-controls{align-items:center;gap:12px;display:flex}.number-input-container{position:relative}.number-input{color:#374151;width:150px;height:40px;box-shadow:none;background:#fff;border:none;border-radius:8px;outline:none;padding:0 30px 0 12px;font-size:14px}.number-input::placeholder{color:#9ca3af}.info-btn{cursor:pointer;z-index:2;background:0 0;border:none;width:16px;height:16px;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.info-icon{color:#9ca3af;width:16px;height:16px}.info-btn:hover:after{content:"Results Limit\a Credit Limit controls the number of results generated in a single search. You can set any limit between 100 to 1000+ results for each specific search, ensuring that you don't waste credits on unnecessary results.";color:#fff;white-space:pre-line;z-index:1000;background:#1f2937;border-radius:8px;width:280px;margin-bottom:8px;padding:12px 16px;font-size:14px;position:absolute;bottom:100%;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000026}.info-btn:hover:before{content:"";z-index:1000;border:6px solid #0000;border-top-color:#1f2937;margin-bottom:2px;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.up-arrow-btn{cursor:pointer;width:40px;height:40px;box-shadow:none;background:#01c38d;border:none;border-radius:8px;outline:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.up-arrow-btn:hover{background:#019f73}.arrow-icon{color:#fff;width:16px;height:16px}.divider{background:#e5e7eb;border:none;height:1px;display:block;margin:px 0!important}.selected-tags{flex-wrap:wrap;gap:8px;display:flex}.tag-chip{background:#f3f4f6;border:none;border-radius:0;align-items:center;gap:8px;padding:8px 12px;transition:all .2s;display:flex}.tag-chip:hover{background:#e5e7eb}.platform-icon{width:20px;height:20px}.platform-name{color:#374151;font-size:14px}.remove-tag{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;transition:all .2s;display:flex}.remove-tag:hover{background:#d1d5db}.remove-icon{color:#6b7280;width:12px;height:12px}.hero-badge{background:#ff6b351a;border:1px solid #10b981;border-radius:20px;margin-bottom:2rem;padding:.5rem 1rem;font-size:.85rem;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.hero h1{color:#1f2937;margin-bottom:1rem;font-size:clamp(2rem,6vw,4rem);font-weight:700}.hero h1 .highlight{background:linear-gradient(135deg,#10b981,#8b5cf6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero h1 .light-green{color:#10b981}.hero-subtitle{color:#4b5563;max-width:600px;margin-bottom:3rem;font-size:1.2rem}.hero-cta{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.btn-primary{color:#000;cursor:pointer;background:linear-gradient(135deg,#10b981,#8b5cf6);border:none;border-radius:8px;padding:1rem 2rem;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s}.btn-primary:hover{background:linear-gradient(135deg,#059669,#7c3aed);transform:translateY(-2px)}.btn-secondary{color:#fff;background:0 0;border:2px solid #333;border-radius:8px;padding:1rem 2rem;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s}.btn-secondary:hover{color:#10b981;border-color:#10b981}
.features{max-width:1200px;margin:0 auto;padding:6rem 2rem}.section-header{text-align:center!important;visibility:visible!important;opacity:1!important;margin-bottom:4rem!important;display:block!important;position:relative!important}.section-title{background:linear-gradient(135deg,#1e293b,#334155)!important;-webkit-text-fill-color:transparent!important;visibility:visible!important;opacity:1!important;-webkit-background-clip:text!important;background-clip:text!important;margin-bottom:1.5rem!important;font-size:3rem!important;font-weight:800!important;display:inline-block!important;position:relative!important}.section-title:after{content:""!important;visibility:visible!important;opacity:1!important;background:linear-gradient(90deg,#10b981,#8b5cf6)!important;border-radius:2px!important;width:80px!important;height:4px!important;position:absolute!important;bottom:-10px!important;left:50%!important;transform:translate(-50%)!important}.section-subtitle{color:#64748b!important;opacity:.9!important;visibility:visible!important;max-width:700px!important;margin:0 auto!important;font-size:1.2rem!important;font-weight:400!important;line-height:1.7!important;display:block!important}.feature-tabs{background:#f8fafc;border-radius:12px;flex-wrap:wrap;justify-content:center;gap:.5rem;max-width:800px;margin-bottom:3rem;margin-left:auto;margin-right:auto;padding:.5rem;display:flex}.tab-btn{color:#64748b;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:.8rem 1.5rem;font-size:.9rem;font-weight:500;transition:all .3s;box-shadow:0 1px 3px #0000000d}.tab-btn.active{color:#fff;background:linear-gradient(135deg,#10b981,#8b5cf6);border-color:#10b981;box-shadow:0 4px 12px #10b9814d}.tab-btn:hover{color:#10b981;background:#f0fdf4;border-color:#10b981;transform:translateY(-1px);box-shadow:0 4px 8px #10b9811a}.feature-content{background:#fff;border:1px solid #e2e8f0;border-radius:16px;grid-template-columns:1fr 1fr;align-items:start;gap:3rem;margin-top:2rem;padding:3rem;display:none;box-shadow:0 4px 6px #0000000d}.feature-content.active{display:grid}.feature-text h3{color:#1e293b;margin-bottom:1.5rem;font-size:1.8rem;font-weight:700}.feature-text p{color:#64748b;margin-bottom:2rem;font-size:1rem;line-height:1.7}.feature-image{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:2px solid #e2e8f0;border-radius:16px;padding:2rem;transition:all .4s;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000001a}.feature-image:before{content:"";background:linear-gradient(90deg,#10b981,#8b5cf6,#f59e0b);border-radius:16px 16px 0 0;height:4px;position:absolute;top:0;left:0;right:0}.feature-image:hover{border-color:#10b981;transform:translateY(-4px);box-shadow:0 16px 48px #00000026}.feature-image:after{content:"";pointer-events:none;z-index:1;background:radial-gradient(circle,#10b98108 0%,#0000 70%);width:200%;height:200%;position:absolute;top:-50%;right:-50%}.feature-image .sparkle-icon{z-index:3;opacity:.7;color:#10b981;font-size:1.5rem;animation:2s ease-in-out infinite sparkle;position:absolute;top:1rem;right:1rem}@keyframes sparkle{0%,to{opacity:.7;transform:scale(1)rotate(0)}50%{opacity:1;transform:scale(1.1)rotate(180deg)}}.feature-image img{z-index:2;opacity:0;animation:.5s forwards fadeInImage;position:relative;border:1px solid #fffc!important;border-radius:12px!important;width:100%!important;height:auto!important;transition:all .3s!important;box-shadow:0 4px 16px #0000001a!important}@keyframes fadeInImage{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.feature-image:hover img{transform:scale(1.02);box-shadow:0 8px 24px #00000026!important}.code-block{background:#2d3748;border:1px solid #4a5568;border-radius:12px;margin-top:1rem;padding:2rem;font-family:Ubuntu Mono,Monaco,Menlo,monospace;position:relative;overflow-x:auto;box-shadow:0 8px 25px #00000026}.code-block:before{content:"";background:linear-gradient(90deg,#10b981,#8b5cf6,#f59e0b);border-radius:12px 12px 0 0;height:3px;position:absolute;top:0;left:0;right:0}.code-block:after{content:"● ● ●";color:#718096;letter-spacing:.5rem;font-size:.8rem;position:absolute;top:1rem;left:1rem}.code-block pre{color:#e2e8f0;white-space:pre-wrap;margin:1.5rem 0 0;font-size:.95rem;font-weight:400;line-height:1.7}.code-block .comment{color:#68d391;font-style:italic}.code-block .keyword{color:#63b3ed;font-weight:600}.code-block .string{color:#f6ad55}.code-block .function{color:#f687b3;font-weight:600}.code-block .variable{color:#90cdf4}.code-block .boolean{color:#68d391;font-weight:600}.code-block .number{color:#fbb6ce}.code-block .platform-instagram{color:#e1306c;text-shadow:0 0 8px #e1306c4d;font-weight:700}.code-block .platform-tiktok{color:#ff0050;text-shadow:0 0 8px #ff00504d;font-weight:700}.code-block .platform-youtube{color:red;text-shadow:0 0 8px #ff00004d;font-weight:700}.code-block .platform-spotify{color:#1db954;text-shadow:0 0 8px #1db9544d;font-weight:700}.code-block .platform-soundcloud{color:#f80;text-shadow:0 0 8px #ff88004d;font-weight:700}
.github-stats{text-align:center!important;visibility:visible!important;opacity:1!important;background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%)!important;min-height:400px!important;padding:6rem 2rem!important;display:block!important;position:relative!important;overflow:hidden!important}.stats-grid{z-index:1!important;visibility:visible!important;opacity:1!important;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;gap:2rem!important;max-width:1200px!important;margin-top:4rem!important;margin-left:auto!important;margin-right:auto!important;display:grid!important;position:relative!important}.stat-card{-webkit-backdrop-filter:blur(20px)!important;opacity:1!important;visibility:visible!important;background:#fffffff2!important;border:1px solid #fff3!important;border-radius:20px!important;padding:2.5rem 2rem!important;transition:all .4s cubic-bezier(.175,.885,.32,1.275)!important;display:block!important;position:relative!important;overflow:hidden!important;transform:translateY(0)!important;box-shadow:0 8px 32px #0000001a,0 2px 8px #0000000d!important}@keyframes statCardSlideIn{to{opacity:1;transform:translateY(0)}}.stat-card:before{content:"";opacity:0;background:linear-gradient(90deg,#10b981,#8b5cf6);border-radius:20px 20px 0 0;height:4px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.stat-card:after{content:"";opacity:0;background:linear-gradient(45deg,#0000,#10b98108,#0000);width:200%;height:200%;transition:all .6s;position:absolute;top:-50%;left:-50%;transform:rotate(45deg)}.stat-card:hover{border-color:#10b9814d;transform:translateY(-12px)scale(1.02);box-shadow:0 20px 60px #00000026,0 8px 32px #10b9811a}.stat-card:hover:before{opacity:1}.stat-card:hover:after{opacity:1;animation:2s ease-in-out infinite shimmer}@keyframes shimmer{0%{transform:rotate(45deg)translate(-100%)}to{transform:rotate(45deg)translate(100%)}}.stat-icon{filter:drop-shadow(0 4px 8px #0000001a)!important;visibility:visible!important;opacity:1!important;margin-bottom:1.5rem!important;font-size:3rem!important;transition:all .3s!important;display:block!important}.stat-content{z-index:2!important;visibility:visible!important;opacity:1!important;position:relative!important}.stat-number{visibility:visible!important;opacity:1!important;justify-content:center!important;align-items:baseline!important;gap:.2rem!important;margin-bottom:.5rem!important;font-size:3.5rem!important;font-weight:800!important;line-height:1!important;transition:all .3s!important;display:flex!important}.stat-number-text{color:#10b981!important;visibility:visible!important;opacity:1!important;font-size:3.5rem!important;font-weight:800!important;line-height:1!important;transition:all .3s!important;display:inline!important}.stat-suffix{color:#64748b!important;visibility:visible!important;opacity:1!important;margin-left:.2rem!important;font-size:1.5rem!important;font-weight:600!important;transition:all .3s!important;display:inline!important}.stat-label{color:#64748b!important;text-transform:uppercase!important;letter-spacing:.5px!important;text-align:center!important;visibility:visible!important;opacity:1!important;font-size:1.1rem!important;font-weight:600!important;transition:all .3s!important;display:block!important}.stat-glow{pointer-events:none;background:radial-gradient(circle,#10b9811a 0%,#0000 70%);border-radius:50%;width:0;height:0;transition:all .4s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.stat-card:hover .stat-glow{width:300px;height:300px}.stat-card:first-child{animation-delay:.1s}.stat-card:nth-child(2){animation-delay:.3s}.stat-card:nth-child(3){animation-delay:.5s}.stat-card:nth-child(4){animation-delay:.7s}.stat-card:nth-child(5){animation-delay:.9s}@keyframes numberPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.stat-number{animation:3s ease-in-out infinite numberPulse}@media (max-width:768px){.stats-grid{grid-template-columns:1fr;gap:1.5rem;margin-top:3rem}.stat-card{padding:2rem 1.5rem}.stat-number{font-size:3rem}.stat-card:hover .stat-number{font-size:3.5rem}.stat-icon{margin-bottom:1rem;font-size:2.5rem}}
.about-us{background:linear-gradient(#fff 0%,#f8fafc 100%);padding:6rem 2rem;position:relative;overflow:hidden}.about-us:before{content:"";background:linear-gradient(90deg,#0000,#e2e8f0,#0000);height:1px;position:absolute;top:0;left:0;right:0}.about-container{max-width:1200px;margin:0 auto}.section-header{text-align:center;margin-bottom:4rem}.section-title{background:linear-gradient(135deg,#1e293b,#3b82f6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:3rem;font-weight:800;line-height:1.2}.section-subtitle{color:#64748b;max-width:600px;margin:0 auto;font-size:1.25rem;line-height:1.6}.about-main-content{grid-template-columns:1fr 1fr;gap:3rem;margin-bottom:4rem;display:grid}.about-story{flex-direction:column;gap:2rem;display:flex}.story-card{background:#fff;border:1px solid #f1f5f9;border-radius:20px;padding:2.5rem;transition:all .3s;box-shadow:0 4px 20px #0000000d}.story-card:hover{border-color:#e2e8f0;transform:translateY(-5px);box-shadow:0 8px 30px #0000001a}.story-title{color:#1e293b;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.75rem;font-weight:700;display:flex}.story-title:before{content:"";background:linear-gradient(#3b82f6,#8b5cf6);border-radius:2px;width:4px;height:24px}.story-text{color:#475569;font-size:1.1rem;line-height:1.8}.platforms-showcase{background:#fff;border:1px solid #f1f5f9;border-radius:20px;flex-direction:column;justify-content:center;padding:2.5rem;display:flex;box-shadow:0 4px 20px #0000000d}.platforms-title{color:#1e293b;text-align:center;margin-bottom:2rem;font-size:1.75rem;font-weight:700}.platforms-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.platform-badge{cursor:default;background:linear-gradient(135deg,#f8fafc,#fff);border:2px solid #e2e8f0;border-radius:12px;align-items:center;gap:.75rem;padding:1rem 1.25rem;transition:all .3s;display:flex}.platform-badge:hover{background:linear-gradient(135deg,#eff6ff,#fff);border-color:#3b82f6;transform:translate(5px)}.platform-badge.more{color:#fff;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;grid-column:span 2;justify-content:center}.platform-badge.more:hover{transform:scale(1.02)}.platform-icon{font-size:1.5rem}.platform-name{color:#334155;font-size:1rem;font-weight:600}.platform-badge.more .platform-name{color:#fff}.highlights-grid{grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:4rem;display:grid}.highlight-card{text-align:center;background:#fff;border:1px solid #f1f5f9;border-radius:20px;padding:2.5rem 2rem;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000000d}.highlight-card:before{content:"";background:linear-gradient(90deg,#3b82f6,#8b5cf6);height:4px;transition:transform .3s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.highlight-card:hover:before{transform:scaleX(1)}.highlight-card:hover{border-color:#e2e8f0;transform:translateY(-8px);box-shadow:0 12px 40px #0000001a}.highlight-card.featured{background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border-color:#bae6fd}.highlight-icon{border-radius:20px;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1.5rem;font-size:2.5rem;transition:transform .3s;display:flex;box-shadow:0 8px 24px #0000001a}.highlight-card:hover .highlight-icon{transform:scale(1.1)rotate(5deg)}.highlight-title{color:#1e293b;margin-bottom:1rem;font-size:1.5rem;font-weight:700}.highlight-description{color:#64748b;font-size:1rem;line-height:1.6}.contact-cta{text-align:center;background:linear-gradient(135deg,#1e293b 0%,#3b82f6 100%);border-radius:24px;margin-bottom:3rem;padding:4rem 3rem;position:relative;overflow:hidden;box-shadow:0 12px 40px #3b82f64d}.contact-cta:before{content:"";background:radial-gradient(circle,#ffffff1a 0%,#0000 70%);width:200%;height:200%;animation:8s ease-in-out infinite pulse;position:absolute;top:-50%;right:-50%}@keyframes pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.cta-content{z-index:1;position:relative}.cta-title{color:#fff;margin-bottom:1rem;font-size:2.5rem;font-weight:800}.cta-text{color:#ffffffe6;max-width:600px;margin-bottom:2rem;margin-left:auto;margin-right:auto;font-size:1.25rem}.cta-button{color:#1e293b;background:#fff;border-radius:12px;align-items:center;gap:.75rem;padding:1rem 2.5rem;font-size:1.125rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 4px 16px #0003}.cta-button:hover{gap:1rem;transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.cta-icon{font-size:1.5rem;transition:transform .3s}.cta-button:hover .cta-icon{transform:translate(4px)}.email-display{color:#fffc;margin-top:1.5rem;font-size:1.125rem;font-weight:500}.thank-you{text-align:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px dashed #bae6fd;border-radius:16px;padding:2rem}.thank-you p{background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.5rem;font-weight:700}@media (max-width:1024px){.highlights-grid{grid-template-columns:1fr;gap:1.5rem}.about-main-content{grid-template-columns:1fr;gap:2rem}}@media (max-width:768px){.about-us{padding:4rem 1.5rem}.section-title{font-size:2rem}.section-subtitle{font-size:1rem}.story-card{padding:1.5rem}.story-title{font-size:1.5rem}.story-text{font-size:1rem}.platforms-grid{grid-template-columns:1fr}.platform-badge.more{grid-column:span 1}.contact-cta{padding:2.5rem 2rem}.cta-title{font-size:2rem}.cta-text{font-size:1rem}.cta-button{padding:.875rem 2rem;font-size:1rem}}@media (max-width:480px){.section-title{font-size:1.75rem}.story-title{font-size:1.25rem}.platforms-title{font-size:1.5rem}.highlight-icon{width:60px;height:60px;font-size:2rem}.highlight-title{font-size:1.25rem}.cta-title{font-size:1.75rem}}
.business-features{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 50%,#f1f5f9 100%);padding:6rem 2rem;position:relative;overflow:hidden}.business-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2.5rem;max-width:1200px;margin-top:4rem;margin-left:auto;margin-right:auto;display:grid}.business-card{text-align:center;-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border:1px solid #fffc;border-radius:24px;padding:2.5rem 2rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;box-shadow:0 8px 16px #00000014,0 4px 8px #0000000a,inset 0 1px #fff9}.business-card:before{content:"";z-index:1;background:linear-gradient(90deg,#0000,#10b98114,#8b5cf614,#0000);width:100%;height:100%;transition:left .8s cubic-bezier(.175,.885,.32,1.275);position:absolute;top:0;left:-100%}.business-card:after{content:"";opacity:0;z-index:2;background:linear-gradient(90deg,#10b981,#8b5cf6);border-radius:24px 24px 0 0;height:4px;transition:opacity .4s;position:absolute;top:0;left:0;right:0}.business-card:hover:before{left:100%}.business-card:hover:after{opacity:1}.business-card:hover{background:linear-gradient(135deg,#fff 0%,#f0f9ff 100%);border-color:#10b9814d;transform:translateY(-12px)scale(1.02);box-shadow:0 24px 48px #00000026,0 12px 24px #10b9811a,0 0 80px #8b5cf614}.business-card.featured{background:linear-gradient(#fff,#fff) padding-box padding-box,linear-gradient(135deg,#10b981,#8b5cf6) border-box;border:2px solid #0000;transform:scale(1.05);box-shadow:0 20px 40px #0000001f,0 8px 16px #10b9811a,inset 0 1px #fffc}.business-card.featured:hover{transform:scale(1.05)translateY(-12px);box-shadow:0 32px 64px #0003,0 16px 32px #10b98126,0 0 100px #8b5cf61f}.business-icon{color:#fff;z-index:3;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:4px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 2rem;font-size:2rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;box-shadow:0 8px 16px #00000026}.business-card:hover .business-icon{transform:scale(1.15)rotate(8deg);box-shadow:0 12px 24px #00000040}.business-title{color:#1e293b;z-index:3;margin-bottom:1.5rem;font-size:1.5rem;font-weight:700;transition:color .3s;position:relative}.business-card:hover .business-title{color:#10b981;font-weight:800}.business-description{color:#64748b;z-index:3;font-size:1rem;line-height:1.7;transition:color .3s;position:relative}.business-card:hover .business-description{color:#475569}
.use-cases{background:#f8f9fa;padding:6rem 2rem}.use-cases-grid{grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1200px;margin-top:4rem;margin-left:auto;margin-right:auto;display:grid}.use-cases-grid .use-case-card:nth-child(4),.use-cases-grid .use-case-card:nth-child(5){grid-column:span 1}.use-cases-grid .use-case-card:nth-child(4){grid-column:1}.use-cases-grid .use-case-card:nth-child(5){grid-column:2}@media (max-width:768px){.use-cases-grid{grid-template-columns:1fr}.feature-content{grid-template-columns:1fr;gap:2rem;padding:2rem}.feature-tabs{gap:.25rem;padding:.25rem}.tab-btn{padding:.6rem 1rem;font-size:.8rem}}.use-case-card{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:2rem;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 6px #0000001a}.use-case-card:before{content:"";opacity:0;background:linear-gradient(90deg,#10b981,#8b5cf6);height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.use-case-card:hover{border-color:#10b981;transform:translateY(-8px);box-shadow:0 12px 30px #00000026}.use-case-card:hover:before{opacity:1}.use-case-icon{color:#333;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin:0 auto 1.5rem;font-size:1.5rem;transition:all .3s;display:flex;box-shadow:0 4px 12px #00000026}.use-case-card:hover .use-case-icon{color:#fff;background:linear-gradient(135deg,#10b981,#8b5cf6);border-color:#10b981;transform:scale(1.1)rotate(5deg);box-shadow:0 8px 20px #0003}.use-case-card h3{color:#1e293b;margin-bottom:1rem;font-size:1.4rem;font-weight:700;transition:color .3s}.use-case-card:hover h3{color:#10b981}.use-case-card p{color:#64748b;margin-bottom:1.5rem;font-size:.95rem;line-height:1.6}.use-case-description{-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.use-case-link{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981,#8b5cf6);border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.8rem 1.5rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.use-case-link:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.use-case-link:hover{background:linear-gradient(135deg,#059669,#7c3aed);transform:translateY(-2px);box-shadow:0 6px 16px #10b98166}.use-case-link:hover:before{left:100%}.use-case-link:after{content:"→";font-size:1.1rem;transition:transform .3s}.use-case-link:hover:after{transform:translate(3px)}
.pricing{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);padding:8rem 2rem 6rem;position:relative;overflow:visible}.pricing:before{content:"";pointer-events:none;background:radial-gradient(circle at 20%,#10b9811a 0%,#0000 50%),radial-gradient(circle at 80% 20%,#8b5cf61a 0%,#0000 50%);position:absolute;inset:0}.pricing .section-header{text-align:center!important;visibility:visible!important;opacity:1!important;margin-bottom:2rem!important;display:block!important;position:relative!important}.billing-toggle{justify-content:center;align-items:center;gap:1rem;margin-bottom:2rem;font-size:1.1rem;font-weight:600;display:flex}.billing-toggle span{color:#64748b;transition:color .3s}.billing-toggle span.active{color:#01c38d}.toggle-switch{cursor:pointer;background:#e2e8f0;border:none;border-radius:15px;width:60px;height:30px;transition:all .3s;position:relative}.toggle-switch.annual{background:#01c38d}.toggle-slider{background:#fff;border-radius:50%;width:24px;height:24px;transition:transform .3s;position:absolute;top:3px;left:3px;box-shadow:0 2px 4px #0000001a}.toggle-switch.annual .toggle-slider{transform:translate(30px)}.pricing-grid{z-index:1;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:1400px;margin:3rem auto;padding-top:2rem;display:grid;position:relative}@media (min-width:768px){.pricing-grid{grid-template-columns:repeat(2,1fr);gap:2rem}}@media (min-width:1024px){.pricing-grid{grid-template-columns:repeat(4,1fr);gap:2rem}}.pricing-card{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:2px solid #eaecf0;border-radius:20px;padding:2rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:visible;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.pricing-card:hover{border-color:#01c38d;transform:translateY(-8px)scale(1.02);box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #01c38d0d}.pricing-card:hover:before{opacity:1}.pricing-card.popular{border-color:#01c38d;transform:scale(1.05);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,0 0 0 1px #01c38d1a}.pricing-card.popular:before{opacity:1}.pricing-card.popular:hover{transform:scale(1.05)translateY(-8px);box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #01c38d1a}.pricing-card.green{border-color:#01c38d}.pricing-card.green-purple{background:linear-gradient(135deg,#01c38d05,#7f56d905);border-color:#01c38d;position:relative}.pricing-card.purple{border-color:#7f56d9}.popular-badge{color:#fff;text-transform:uppercase;letter-spacing:.5px;z-index:30;white-space:nowrap;z-index:100000;background:linear-gradient(135deg,#01c38d,#7f56d9);border:2px solid #fff;border-radius:25px;padding:.6rem 1.8rem;font-size:.75rem;font-weight:700;position:absolute;top:-18px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #01c38d66}.plan-header{margin-bottom:2rem;position:relative}.plan-name{color:#101828;letter-spacing:-.025em;margin-bottom:.5rem;font-size:1.5rem;font-weight:800}.plan-description{color:#667085;margin-bottom:1.5rem;font-size:.875rem;line-height:1.5}.plan-price{justify-content:center;align-items:baseline;gap:.25rem;margin-bottom:.5rem;display:flex}.price-currency{color:#101828;font-size:1.5rem;font-weight:700}.price-amount{color:#101828;letter-spacing:-.05em;font-size:3.5rem;font-weight:900;line-height:1}.price-period{color:#667085;font-size:1rem;font-weight:500}.price-free{color:#01c38d;background:linear-gradient(135deg,#01c38d,#7f56d9);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:900}.billing-info{color:#667085;margin-top:.5rem;font-size:.875rem;font-weight:500}.plan-features-section{margin-bottom:2rem}.features-title{color:#374151;text-align:left;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1.5rem;font-size:.875rem;font-weight:700}.plan-features{text-align:left;margin-bottom:2rem;padding:0;list-style:none}.feature-item{color:#374151;align-items:flex-start;margin-bottom:1rem;font-size:.875rem;line-height:1.5;display:flex}.feature-item.included .feature-icon{color:#fff;background:#16b364;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-top:.125rem;margin-right:1rem;font-size:.75rem;font-weight:700;display:inline-flex}.feature-item.excluded .feature-icon{color:#fff;background:#d92d20;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-top:.125rem;margin-right:1rem;font-size:.75rem;font-weight:700;display:inline-flex}.feature-item.excluded{color:#98a2b3}.plan-cta{cursor:pointer;letter-spacing:.025em;border:2px solid #0000;border-radius:12px;width:100%;padding:1rem 2rem;font-size:1rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.plan-cta:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.plan-cta:hover:before{left:100%}.plan-cta.primary{color:#fff;background:linear-gradient(135deg,#01c38d,#019f73);box-shadow:0 4px 14px #01c38d66}.plan-cta.primary:hover{background:linear-gradient(135deg,#019f73,#01c38d);transform:translateY(-2px);box-shadow:0 8px 25px #01c38d80}.plan-cta.secondary{color:#01c38d;background:#fff;border-color:#01c38d;box-shadow:0 1px 3px #0000001a}.plan-cta.secondary:hover{color:#fff;background:#01c38d;transform:translateY(-2px);box-shadow:0 8px 25px #01c38d4d}.plan-cta.green{color:#fff;background:linear-gradient(135deg,#01c38d,#16b364)}.plan-cta.green:hover{background:linear-gradient(135deg,#16b364,#01c38d)}.plan-cta.green-purple{color:#fff;background:linear-gradient(135deg,#01c38d,#7f56d9);box-shadow:0 4px 20px #01c38d66}.plan-cta.green-purple:hover{background:linear-gradient(135deg,#7f56d9,#01c38d);box-shadow:0 8px 30px #01c38d80}.plan-cta.purple{color:#fff;background:linear-gradient(135deg,#7f56d9,#9333ea)}.plan-cta.purple:hover{background:linear-gradient(135deg,#9333ea,#7f56d9)}.plan-cta:disabled{opacity:.6;cursor:not-allowed;box-shadow:none!important;transform:none!important}.pricing-footer{text-align:center;color:#667085;z-index:1;max-width:600px;margin:0 auto;position:relative}.pricing-footer p{margin-bottom:.5rem;font-size:.875rem;line-height:1.5}.pricing-footer a{color:#01c38d;background:linear-gradient(135deg,#01c38d,#7f56d9);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:600;text-decoration:none;transition:all .3s}.pricing-footer a:hover{text-decoration:underline;transform:translateY(-1px)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
.faq{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);padding:8rem 2rem;position:relative;overflow:hidden}.faq:before{content:"";pointer-events:none;background:radial-gradient(circle at 20% 20%,#10b9811a 0%,#0000 50%),radial-gradient(circle at 80% 80%,#6366f114 0%,#0000 50%),radial-gradient(circle at 40% 60%,#ec48990f 0%,#0000 50%);position:absolute;inset:0}.faq-container{z-index:1;max-width:900px;margin:0 auto;position:relative}.faq-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #fff3;border-radius:20px;margin-bottom:1.5rem;transition:all .4s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden;box-shadow:0 8px 32px #00000014,0 2px 8px #0000000a}.faq-item:before{content:"";opacity:0;background:linear-gradient(90deg,#10b981,#6366f1);height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.faq-item:hover{border-color:#10b9814d;transform:translateY(-8px);box-shadow:0 20px 60px #0000001f,0 8px 24px #00000014}.faq-item:hover:before{opacity:1}.faq-question{text-align:left;color:#1e293b;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:2rem;font-size:1.2rem;font-weight:700;transition:all .4s;display:flex;position:relative}.question-text{background:linear-gradient(135deg,#1e293b,#475569);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;flex:1;margin-right:1.5rem;transition:all .3s}.faq-question:hover .question-text{background:linear-gradient(135deg,#10b981,#059669);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.faq-question.active{background:linear-gradient(135deg,#10b9811a,#10b9810d)}.faq-question.active .question-text{background:linear-gradient(135deg,#10b981,#059669);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.faq-toggle{color:#64748b;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:2px solid #10b98133;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;font-weight:600;line-height:1;transition:all .4s cubic-bezier(.25,.46,.45,.94);display:flex;box-shadow:0 4px 12px #0000001a}.faq-question:hover .faq-toggle{color:#fff;background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981;transform:scale(1.1);box-shadow:0 8px 20px #10b9814d}.faq-question.active .faq-toggle{color:#fff;background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981;transform:rotate(180deg)scale(1.1);box-shadow:0 8px 20px #10b9814d}.faq-answer{color:#64748b;background:0 0;padding:0 2rem 2rem;font-size:1.05rem;line-height:1.8;animation:.4s cubic-bezier(.25,.46,.45,.94) expandAnswer;position:relative}.faq-answer:before{content:"";background:linear-gradient(90deg,#0000,#10b9814d,#0000);height:1px;position:absolute;top:0;left:2rem;right:2rem}@keyframes expandAnswer{0%{opacity:0;transform:translateY(-20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.faq-footer{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #fff3;border-radius:20px;margin-top:4rem;padding:3rem 0;box-shadow:0 8px 32px #00000014}.faq-footer-text{color:#64748b;margin:0 0 1rem;font-size:1.1rem;font-weight:500}.faq-contact-link{color:#10b981;background:linear-gradient(135deg,#10b981,#059669);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:700;text-decoration:none;transition:all .3s;position:relative}.faq-contact-link:after{content:"";background:linear-gradient(90deg,#10b981,#059669);width:0;height:2px;transition:width .3s;position:absolute;bottom:-2px;left:0}.faq-contact-link:hover:after{width:100%}.faq-contact-link:hover{transform:translateY(-1px)}.faq:after{content:"";opacity:.6;background:#10b981;border-radius:50%;width:6px;height:6px;animation:6s ease-in-out infinite floatFAQ;position:absolute;top:10%;left:5%}@keyframes floatFAQ{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-20px)rotate(90deg)}50%{transform:translateY(-10px)rotate(180deg)}75%{transform:translateY(-30px)rotate(270deg)}}.faq .section-header{text-align:center;margin-bottom:4rem}.faq .section-title{background:linear-gradient(135deg,#1e293b,#10b981,#6366f1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;position:relative}.faq .section-title:after{background:linear-gradient(90deg,#10b981,#6366f1)}@media (max-width:768px){.faq{padding:4rem 1rem}.faq-container{max-width:100%}.faq-question{padding:1.5rem;font-size:1.1rem}.question-text{margin-right:1rem}.faq-toggle{width:35px;height:35px;font-size:1.1rem}.faq-answer{padding:0 1.5rem 1.5rem;font-size:1rem}.faq-answer:before{left:1.5rem;right:1.5rem}}@media (max-width:480px){.faq{padding:3rem 1rem}.faq-question{padding:1.25rem;font-size:1rem}.faq-toggle{width:32px;height:32px;font-size:1rem}.faq-item{border-radius:16px;margin-bottom:1rem}}.question-text{text-align:left;flex:1;line-height:1.4}.answer-content{color:#475569;font-size:1rem;line-height:1.7}
.footer-gradient{color:#fff;background:linear-gradient(90deg,#03c38d,#0cb590,#2c8b9b,#426da3,#5159a8,#732cb4);padding:4rem 2rem 2rem;position:relative}.footer-main{justify-content:space-between;align-items:flex-start;gap:3rem;max-width:1200px;margin:0 auto 2rem;display:flex}.footer-left{flex:1;max-width:500px}.footer-logo{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.company-name{color:#fff;font-size:1.5rem;font-weight:700}.footer-description{color:#fff;opacity:.9;margin-bottom:2rem;font-size:1rem;line-height:1.6}.social-icon{color:#fff;opacity:.8;cursor:pointer;text-decoration:none;transition:all .3s}.social-icon:hover{opacity:1;transform:scale(1.1)}.footer-right{flex:1;justify-content:flex-end;display:flex}.newsletter-box{-webkit-backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;width:100%;max-width:500px;padding:2rem;box-shadow:0 10px 30px #0000001a}.newsletter-title{color:#fff;margin-bottom:1.5rem;font-size:1.8rem;font-weight:600}.newsletter-form{width:100%}.email-input-container{gap:.5rem;width:100%;display:flex}.email-input{color:#333;background:#fff;border:2px solid #e5e7eb;border-radius:8px;outline:none;flex:1;padding:.8rem 1rem;font-size:1rem;transition:border-color .3s}.email-input::placeholder{color:#999}.email-input:focus{border-color:#10b981}.subscribe-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(90deg,#10b981,#8b5cf6);border:none;border-radius:8px;padding:.8rem 1.5rem;font-weight:600;transition:all .3s}.subscribe-btn:hover{background:linear-gradient(90deg,#059669,#7c3aed);transform:translateY(-1px)}.subscribe-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.email-input:disabled{opacity:.6;cursor:not-allowed}.newsletter-message{border-radius:8px;margin-top:1rem;padding:.75rem 1rem;font-size:.9rem;animation:.3s ease-out slideIn}.newsletter-success{color:#fff;background:#10b98133;border:1px solid #10b9814d}.newsletter-error{color:#fff;background:#ef444433;border:1px solid #ef44444d}.newsletter-message p{margin:0}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.footer-bottom{border-top:1px solid #fff3;padding-top:2rem}.footer-bottom-content{color:#fff;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;font-size:.9rem;display:flex}.terms-link{color:#fff;opacity:.8;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:.9rem;text-decoration:none;transition:all .3s}.terms-link:hover{opacity:1;text-decoration:underline}.copyright{opacity:.8}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border:1px solid #e2e8f0;border-radius:16px;width:100%;max-width:500px;padding:2rem;animation:.3s ease-out modalSlideIn;position:relative;box-shadow:0 20px 60px #0000004d}.modal-close{color:#666;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:2rem;transition:all .3s;display:flex;position:absolute;top:1rem;right:1rem}.modal-close:hover{color:#333;background:#f3f4f6}.modal-header{text-align:center;margin-bottom:2rem}.instagram-logo{margin-bottom:1rem}.soundcloud-logo-container{background:linear-gradient(135deg,#e0f7fa,#fce4ec);border-radius:12px;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:1rem;margin-left:auto;margin-right:auto;padding:10px;display:flex}.spotify-logo-container{background:linear-gradient(135deg,#1db954,#8b5cf6);border-radius:12px;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:1rem;margin-left:auto;margin-right:auto;padding:10px;display:flex}.tiktok-logo-container,.youtube-logo-container{background:linear-gradient(135deg,#e0f7fa,#fce4ec);border-radius:12px;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:1rem;margin-left:auto;margin-right:auto;padding:10px;display:flex}.modal-title{color:#333;margin:0;font-size:2rem;font-weight:700}.modal-body{text-align:center}.modal-description{color:#666;margin:0;font-size:1rem;line-height:1.6}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:768px){.footer-main{flex-direction:column}}
.terms-modal-overlay{-webkit-backdrop-filter:blur(5px);z-index:1000;background:#000c;justify-content:center;align-items:center;padding:20px;animation:.3s ease-in-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.terms-modal-content{background:#fff;border:1px solid #e5e7eb;border-radius:20px;flex-direction:column;width:100%;max-width:900px;max-height:85vh;animation:.3s ease-in-out slideUp;display:flex;box-shadow:0 20px 60px #0000004d}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.terms-modal-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;border-top-left-radius:20px;border-top-right-radius:20px;justify-content:space-between;align-items:center;padding:25px 30px;display:flex}.terms-modal-header h2{color:#111827;margin:0;font-size:28px;font-weight:700}.terms-modal-close{cursor:pointer;color:#6b7280;background:#f3f4f6;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex}.terms-modal-close:hover{color:#111827;background:#e5e7eb;transform:rotate(90deg)}.terms-modal-close svg{width:20px;height:20px}.terms-modal-body{color:#374151;padding:30px;line-height:1.8;overflow-y:auto}.terms-modal-body::-webkit-scrollbar{width:8px}.terms-modal-body::-webkit-scrollbar-track{background:#f3f4f6;border-radius:10px}.terms-modal-body::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px}.terms-modal-body::-webkit-scrollbar-thumb:hover{background:#9ca3af}.terms-intro{color:#6b7280;margin-bottom:30px;font-size:16px;font-weight:500}.terms-section{background:#f9fafb;border-left:4px solid #3b82f6;border-radius:12px;margin-bottom:35px;padding:25px}.terms-section h3{color:#1f2937;text-transform:uppercase;letter-spacing:1px;margin:0 0 20px;font-size:22px;font-weight:700}.terms-section h4{color:#374151;text-transform:uppercase;letter-spacing:.5px;margin:20px 0 12px;font-size:18px;font-weight:600}.terms-section p{color:#4b5563;margin:12px 0;font-size:15px}.terms-section ul{margin:15px 0;padding-left:25px}.terms-section li{color:#4b5563;margin:12px 0;font-size:15px;line-height:1.7}.terms-section li strong{color:#1f2937;font-weight:600}.terms-section a{color:#3b82f6;border-bottom:1px solid #0000;text-decoration:none;transition:all .3s}.terms-section a:hover{color:#2563eb;border-bottom-color:#2563eb}.terms-thank-you{color:#6b7280;margin-top:20px;font-style:italic}@media (max-width:768px){.terms-modal-overlay{padding:10px}.terms-modal-content{border-radius:15px;max-height:90vh}.terms-modal-header{padding:20px}.terms-modal-header h2{font-size:22px}.terms-modal-body{padding:20px}.terms-section{margin-bottom:25px;padding:20px}.terms-section h3{font-size:18px}.terms-section h4{font-size:16px}.terms-section p,.terms-section li{font-size:14px}}@media (max-width:480px){.terms-modal-header h2{font-size:18px}.terms-modal-close{width:35px;height:35px}.terms-modal-body,.terms-section{padding:15px}}
