@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@300;500;700&family=Quicksand:wght@500;700&display=swap";:root{--bg: #F0F4F8;--text: #2D3748;--text-soft: #718096;--pink: #FFD6E0;--pink-dark: #FF7096;--blue: #C4F5FC;--blue-dark: #4FD1C5;--green: #C6F6D5;--green-dark: #48BB78;--purple: #E9D8FD;--purple-dark: #9F7AEA;--card-bg: rgba(255, 255, 255, .6);--card-border: #fff;--pill-bg: #fff;--blob-1: var(--pink);--blob-2: var(--blue)}body{margin:0;font-family:Quicksand,sans-serif;color:var(--text);overflow-x:hidden;background-color:var(--bg);cursor:default}a,button,.card{cursor:pointer}.app-container{min-height:100vh;width:100%;position:relative;overflow:hidden;background-color:var(--bg);color:var(--text);transition:background-color .8s cubic-bezier(.4,0,.2,1),color .5s ease}.dark-mode{--bg: #000000;--text: #ffffff;--text-soft: #a0aec0;--pink: #ff0055;--pink-dark: #ffb3c6;--blue: #00ccff;--blue-dark: #cceeff;--green: #00ff88;--green-dark: #ccffdd;--purple: #aa00ff;--purple-dark: #eecaff;--card-bg: rgba(20, 20, 20, .6);--card-border: #333;--pill-bg: #1a1a1a;--blob-1: #4a0020;--blob-2: #00204a}.mouse-aura{position:absolute;width:400px;height:400px;background:radial-gradient(circle,#ffffffe6,#fff0 70%);transform:translate(-50%,-50%);pointer-events:none;z-index:1;mix-blend-mode:overlay;transition:background .8s ease}.dark-mode .mouse-aura{mix-blend-mode:normal;background:radial-gradient(circle,#ffffff1f,#fff0 60%);filter:blur(20px)}.auth-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:100}.auth-toggle{position:absolute;top:2rem;right:10%;z-index:101}.auth-card{background:var(--card-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid var(--card-border);padding:3rem 2.5rem;border-radius:40px;text-align:center;width:100%;max-width:380px;box-shadow:0 20px 50px #0000001a;transition:all .3s ease}.auth-header{margin-bottom:2rem}.auth-header h2{font-family:Fredoka,sans-serif;font-size:2.2rem;margin:1rem 0 .5rem;color:var(--text)}.auth-header p{color:var(--text-soft);font-size:.95rem;margin:0;font-weight:500}.lock-icon{width:70px;height:70px;background:var(--pill-bg);border-radius:50%;margin:0 auto;display:flex;align-items:center;justify-content:center;color:var(--text);box-shadow:0 4px 20px #0000000d}.input-group{margin-bottom:1rem}.auth-input{width:100%;padding:1.2rem;border-radius:20px;border:2px solid transparent;background:var(--pill-bg);color:var(--text);font-family:Quicksand,sans-serif;font-weight:700;font-size:1rem;outline:none;transition:.3s;box-sizing:border-box;box-shadow:0 4px 10px #00000005}.auth-input:focus{border-color:var(--blue-dark);transform:translateY(-2px);box-shadow:0 8px 20px #0000000d}.auth-btn{width:100%;padding:1.2rem;border-radius:20px;background:var(--text);color:var(--bg);font-family:Fredoka,sans-serif;font-size:1.2rem;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:.3s;margin-top:1rem;box-shadow:0 4px 15px #0000001a}.auth-btn:hover{transform:scale(1.02);opacity:.95}.shake{animation:shake .4s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}nav{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 10% .5rem;position:relative;z-index:10}.nav-right{display:flex;align-items:center;gap:1rem}.logo{font-family:Fredoka,sans-serif;font-size:1.8rem;font-weight:700;color:var(--text);display:flex;align-items:center;gap:10px}.theme-toggle{background:var(--pill-bg);border:none;width:40px;height:40px;border-radius:50%;padding:0;margin:0;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text);box-shadow:0 4px 15px #0000000d;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.theme-toggle:hover{transform:rotate(15deg) scale(1.1)}.icon-wrapper{display:flex;align-items:center;justify-content:center;width:100%;height:100%;animation:spinIn .5s ease-out}@keyframes spinIn{0%{transform:rotate(-90deg) scale(0)}to{transform:rotate(0) scale(1)}}.contact-pill{background:var(--pill-bg);padding:.8rem 1.5rem;border-radius:50px;text-decoration:none;color:var(--text);font-weight:700;box-shadow:0 4px 15px #0000000d;transition:transform .2s cubic-bezier(.34,1.56,.64,1),background-color .8s ease;display:flex;align-items:center;gap:8px}.contact-pill:hover{transform:scale(1.1) rotate(2deg);color:var(--pink-dark)}.dark-mode .contact-pill:hover{color:var(--blue)}main{padding:1rem 10% 2rem;position:relative;z-index:5;max-width:1200px;margin:0 auto}.hero{margin-bottom:3rem;text-align:center}.badge{display:inline-flex;align-items:center;gap:8px;padding:.5rem 1rem;border-radius:20px;font-size:.8rem;font-weight:700;margin-bottom:1.5rem;box-shadow:0 4px 10px #00000008;position:relative;overflow:hidden;cursor:default;background-color:#fff!important;color:#718096!important;z-index:1;transition:color .3s}.dark-mode .badge{background-color:#000!important;color:#a0aec0!important}.hover-liquid,.playground-text,.surge-text{--x: 50%;--y: 50%}.badge *{pointer-events:none}.hover-liquid:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--text);clip-path:circle(0% at var(--x, 50%) var(--y, 50%));transition:clip-path .8s cubic-bezier(.2,1,.2,1);z-index:0}.hover-liquid.is-hover:before{clip-path:circle(150% at var(--x, 50%) var(--y, 50%));transition:clip-path 2.6s cubic-bezier(.2,1,.2,1)}.badge span,.badge svg{position:relative;z-index:1}.hover-liquid.is-hover span{color:var(--bg)!important}.hover-liquid svg{transition:transform 2.5s ease}.hover-liquid.is-hover .rotate-star{transform:rotate(360deg) scale(1.2)}h1{font-family:Fredoka,sans-serif;font-size:5rem;line-height:1.2;margin:0;color:var(--text)}.digital-static{display:inline-block;color:var(--text);cursor:default}.playground-text{display:inline-block;background-clip:text;-webkit-background-clip:text;color:transparent;padding-bottom:.2em;background-image:linear-gradient(transparent,transparent),linear-gradient(135deg,#ff9a9e,#fecfef 99%,#fecfef);cursor:default;transition:background-image .5s ease}.dark-mode .playground-text{background-image:linear-gradient(transparent,transparent),linear-gradient(135deg,#f05,#0cf)}.playground-text.is-hover{background-image:radial-gradient(circle 80px at var(--x, 50%) var(--y, 50%),rgba(255,112,150,.8) 0%,transparent 70%),linear-gradient(135deg,#ff9a9e,#fecfef 99%,#fecfef)}.dark-mode .playground-text.is-hover{background-image:radial-gradient(circle 80px at var(--x, 50%) var(--y, 50%),rgba(255,255,255,.9) 0%,transparent 70%),linear-gradient(135deg,#f05,#0cf)}.subtitle{font-size:1.2rem;color:var(--text-soft);font-weight:500;cursor:default;margin-top:1.5rem;margin-bottom:3rem}.surge-text{display:inline-block;background-clip:text;-webkit-background-clip:text;color:transparent;background-image:linear-gradient(var(--text-soft),var(--text-soft));transition:.3s}.surge-text.is-hover{background-image:radial-gradient(circle 40px at var(--x, 50%) var(--y, 50%),var(--text) 0%,transparent 60%),linear-gradient(var(--text-soft),var(--text-soft))}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.card{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:30px;padding:2rem;text-decoration:none;position:relative;transition:transform .4s cubic-bezier(.34,1.56,.64,1),background-color .8s ease,border-color .3s ease;border:2px solid var(--card-border);display:flex;flex-direction:column;justify-content:space-between;min-height:250px;overflow:hidden;box-shadow:0 8px 30px #0000000f}.card:hover{transform:translateY(-15px) scale(1.02);box-shadow:0 20px 40px #00000014}.card-pink:hover{border-color:var(--pink)}.card-blue:hover{border-color:var(--blue)}.card-green:hover{border-color:var(--green)}.card-purple:hover{border-color:var(--purple)}.card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.icon-bubble{width:50px;height:50px;border-radius:20px;display:flex;align-items:center;justify-content:center;transition:.3s}.bubble-pink{background:var(--pink);color:var(--pink-dark)}.bubble-blue{background:var(--blue);color:var(--blue-dark)}.bubble-green{background:var(--green);color:var(--green-dark)}.bubble-purple{background:var(--purple);color:var(--purple-dark)}.dark-mode .bubble-pink,.dark-mode .bubble-blue,.dark-mode .bubble-green,.dark-mode .bubble-purple{color:#fff}.card:hover .icon-bubble{transform:rotate(10deg) scale(1.1)}.tag{font-size:.7rem;font-weight:700;text-transform:uppercase;background:var(--pill-bg);padding:4px 10px;border-radius:10px;color:var(--text-soft);transition:background-color .8s ease}.card h3{font-family:Fredoka,sans-serif;font-size:1.8rem;margin:0 0 .5rem;color:var(--text)}.card p{margin:0;color:var(--text-soft);font-size:1rem;line-height:1.5}.blob{position:absolute;border-radius:50%;filter:blur(80px);z-index:0;animation:float 20s infinite ease-in-out;opacity:.6;transition:background-color 1.5s ease}.blob-1{top:-10%;left:-10%;width:600px;height:600px;background:var(--blob-1)}.blob-2{bottom:-10%;right:-10%;width:700px;height:700px;background:var(--blob-2);animation-delay:-5s}@keyframes float{0%{transform:translate(0) rotate(0)}50%{transform:translate(50px,50px) rotate(10deg)}to{transform:translate(0) rotate(0)}}@media (max-width: 768px){h1{font-size:3.5rem}.grid{grid-template-columns:1fr}}