*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#27272a;background:linear-gradient(135deg,#0f172a,#1e293b);min-height:100vh;font-family:Inter,Arial,Helvetica,sans-serif}.navbar{-webkit-backdrop-filter:blur(22px);z-index:20;background:#ffffffeb;border:1px solid #ffffffb3;border-radius:0 0 10px 10px;justify-content:space-between;align-items:center;width:100%;padding:1.25rem 2rem;display:flex;position:sticky;top:0;left:0;box-shadow:0 22px 70px #f49ea92e}.title{color:#27303f;text-shadow:0 1px 2px #27303f24;letter-spacing:-.5px;text-transform:uppercase;align-items:center;gap:.2rem;padding-left:25px;font-size:2rem;font-weight:700;display:inline-flex}.title-highlight{color:#0000;background:#6366f1;text-transform:uppercase;-webkit-background-clip:text;background-clip:text;font-weight:700}.sections{align-items:center;gap:2rem;list-style:none;display:flex}.sections li{margin:0}.sections a{color:#27272ae0;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:.45rem .9rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:color .25s,transform .25s,box-shadow .25s,background .25s;position:relative}.sections a:hover{color:#3f2a2a;background:linear-gradient(120deg,#ffcde4e6,#ffc696d9);transform:translateY(-2px)scale(1.03);box-shadow:0 10px 25px #ec489938,0 6px 18px #fb923c2e}@media (width<=760px){.navbar{flex-direction:column;justify-content:center;align-items:center;padding:1rem}.title{margin-bottom:.75rem;padding-left:0}.sections{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem 1rem;display:flex}.sections a{padding:.3rem .5rem;font-size:.75rem}}.hero{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffeb;border:1px solid #ffffffb3;border-radius:32px;justify-content:space-between;align-items:center;gap:4rem;max-width:1200px;margin:4rem auto;padding:4rem;display:flex;box-shadow:0 20px 60px #ffaab433}.content{flex:1}.badge{color:#6366f1;background:#e8e8fe;border-radius:999px;margin-bottom:1.5rem;padding:.6rem 1rem;font-weight:600;display:inline-block}.hero h1{color:#2b2f3a;margin-bottom:1rem;font-size:clamp(3rem,6vw,5rem);font-weight:800;line-height:1.1}.hero h1 span{color:#6366f1}.hero p{color:#666;max-width:600px;margin-bottom:2rem;font-size:1.1rem;line-height:1.8}.quote{color:#555;background:#e8e8fe;border-left:4px solid #6366f1;border-radius:12px;margin-bottom:2rem;padding:1rem 1.2rem}.hero-buttons{align-items:center;gap:1.5rem;display:flex}.hero-buttons button{cursor:pointer;background:linear-gradient(120deg,#ffb8d5,#ffd4a2);border:none;border-radius:999px;padding:1rem 2rem;font-size:1rem;font-weight:700;transition:all .25s;box-shadow:0 10px 25px #ffaab44d}.hero-buttons button:hover{transform:translateY(-3px)}.hero-buttons a{color:#ff6b9d;font-weight:600;text-decoration:none}.hero-image{flex-direction:column;flex:1;align-items:center;gap:1rem;display:flex;position:relative}.hero-circle{filter:blur(10px);background:radial-gradient(circle,#6366f1,#0000);border-radius:50%;width:300px;height:300px;margin-bottom:4rem}.floating{background:#fff;border-radius:16px;width:220px;padding:1rem 1.5rem;font-weight:600;box-shadow:0 10px 30px #00000014}@media (width<=900px){.hero{text-align:center;flex-direction:column;padding:2rem}.hero p{max-width:none}.hero-buttons{justify-content:center}}.statsection{justify-content:center;align-items:stretch;gap:1.5rem;max-width:980px;margin:2.75rem auto 0;padding:0 2.75rem 2rem;display:flex}.statcard{-webkit-backdrop-filter:blur(16px);background:#ffffffeb;border:1px solid #ffffffb8;border-radius:20px;flex:1 1 0;min-width:190px;padding:1.5rem 1.75rem;transition:transform .25s,box-shadow .25s,border-color .25s;position:relative;overflow:hidden;box-shadow:0 18px 45px #f49ea92e}.statcard:after{content:"";opacity:0;pointer-events:none;background:radial-gradient(circle,#ffffffa6,#fff0);width:180%;height:180%;transition:opacity .35s,transform .35s;position:absolute;top:-60%;left:-40%;transform:translateY(10%)rotate(-8deg)}.statcard h3{text-transform:uppercase;letter-spacing:.1em;color:#27303fa6;z-index:1;margin-bottom:.5rem;font-size:.95rem;position:relative}.statcard p{color:#2b2f3a;z-index:1;font-size:1.8rem;font-weight:700;position:relative}.statcard:hover{border-color:#ffb6c1cc;transform:translateY(-4px);box-shadow:0 24px 55px #f49ea947,0 12px 24px #fb923c33}.statcard:hover:after{opacity:.45;transform:translateY(0)rotate(-8deg)}.statcard:focus-within{outline-offset:4px;outline:3px solid #fb923c59}@media (width<=760px){.statsection{flex-wrap:wrap;gap:1rem;padding:0 1.25rem 2rem;overflow-x:auto}.statcard{min-width:210px}}.activity{-webkit-backdrop-filter:blur(18px);background:#ffffffeb;border:1px solid #ffffffb3;border-radius:26px;max-width:980px;margin:1.5rem auto 3.5rem;padding:2rem 2.75rem 2.5rem;position:relative;overflow:hidden;box-shadow:0 24px 70px #f49ea92e}.activity h2{color:#2b2f3a;letter-spacing:-.01em;margin-bottom:1.5rem;font-size:1.5rem;font-weight:800}.activity-card{background:#ffffffa6;border:1px solid #ffffffb3;border-radius:18px;justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:1rem;padding:1.25rem 1.5rem;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 40px #f49ea929}.activity-card:after{content:"";opacity:0;pointer-events:none;background:radial-gradient(circle,#ffc79499,#ffc79400);width:220px;height:220px;transition:opacity .35s,transform .35s;position:absolute;top:-120%;right:-40%;transform:translate(10%)rotate(8deg)}.activity-card h3{color:#2b2f3a;z-index:1;margin-bottom:.3rem;font-size:1.05rem;font-weight:700;position:relative}.activity-card p{color:#27303f9e;letter-spacing:.03em;z-index:1;font-size:.9rem;position:relative}.activity-card span{color:#3f2a2a;z-index:1;background:linear-gradient(120deg,#ffcde4e6,#ffc696d9);border-radius:999px;padding:.5rem .9rem;font-size:1rem;font-weight:700;position:relative;box-shadow:0 10px 25px #ec48992e,0 6px 16px #fb923c29}.activity-card:hover{border-color:#ffb6c1d9;transform:translateY(-4px)scale(1.01);box-shadow:0 22px 55px #f49ea942,0 12px 24px #fb923c38}.activity-card:hover:after{opacity:.7;transform:translate(0)rotate(8deg)}.activity-card:focus-within{outline-offset:4px;outline:3px solid #fb923c59}@media (width<=760px){.activity{margin:1.25rem 1.25rem 3rem;padding:1.75rem 1.5rem 2rem}.activity-card{flex-direction:column;align-items:flex-start}.activity-card span{align-self:flex-start}}.qsetup{-webkit-backdrop-filter:blur(18px);background:#ffffffeb;border:1px solid #ffffffbf;border-radius:26px;gap:1rem;max-width:720px;margin:2rem auto 4rem;padding:2.5rem 2.75rem;display:grid;position:relative;overflow:hidden;box-shadow:0 24px 70px #f49ea933}.qsetup:after{content:"";opacity:.4;pointer-events:none;background:repeating-linear-gradient(135deg,#ffffff24 0 8px,#fff0 8px 16px);position:absolute;inset:0}.qsetup h2{color:#2b2f3a;letter-spacing:-.01em;z-index:1;margin-bottom:.5rem;font-size:1.6rem;font-weight:800;position:relative}.qsetup h2:before{content:"";vertical-align:middle;background:linear-gradient(120deg,#6366f1,#6366f1);border-radius:999px;width:12px;height:12px;margin-right:.6rem;display:inline-block;box-shadow:0 6px 16px #ec489947}.qsetup label{text-transform:uppercase;letter-spacing:.12em;color:#27303fa6;z-index:1;margin-top:.75rem;font-size:.85rem;font-weight:700;position:relative}.qsetup select{color:#2b2f3a;z-index:1;background:#ffffffeb;background-image:black;background-position:0 0,calc(100% - 18px) 52%,calc(100% - 12px) 52%;background-repeat:no-repeat;background-size:100% 100%,6px 6px,6px 6px;border:1px solid #ffffffeb;border-radius:14px;width:100%;padding:.85rem 1rem;font-size:1rem;transition:border-color .2s,box-shadow .2s,transform .2s;position:relative;box-shadow:0 12px 28px #f49ea926}.qsetup select:hover{transform:translateY(-1px);box-shadow:0 16px 32px #f49ea933}.qsetup select:focus-visible{outline-offset:3px;border-color:#ffb6c1d9;outline:3px solid #fb923c66}.qsetup button{cursor:pointer;letter-spacing:.06em;text-transform:uppercase;color:#2a2a2a;z-index:1;background:linear-gradient(120deg,#ffbdddf2,#ffd3a2f2);border:none;border-radius:999px;margin-top:1rem;padding:.95rem 2rem;font-size:1rem;font-weight:700;transition:transform .25s,box-shadow .25s,filter .25s;position:relative;box-shadow:0 18px 35px #ff9fb059,0 10px 18px #fb923c33}.qsetup button:before{content:"";opacity:.7;pointer-events:none;background:linear-gradient(120deg,#fff9,#fff0);border-radius:999px;position:absolute;inset:3px}.qsetup button:hover{filter:saturate(1.05);transform:translateY(-2px)scale(1.02);box-shadow:0 22px 45px #ff85aa61,0 12px 20px #fb923c40}.qsetup button:active{transform:translateY(0)scale(.99)}.qsetup button:focus-visible{outline-offset:4px;outline:3px solid #fb923c66}@media (width<=760px){.qsetup{margin:1.5rem 1.25rem 3rem;padding:2rem 1.75rem}}.quiz{-webkit-backdrop-filter:blur(18px);background:#ffffffeb;border:1px solid #ffffffeb;border-radius:28px;gap:1rem;max-width:820px;margin:2.5rem auto 4.5rem;padding:2.75rem 3rem 2.5rem;display:grid;position:relative;overflow:hidden;box-shadow:0 26px 75px #f49ea938}.loader{color:#f5f5f5}.quiz:after{content:"";opacity:.4;pointer-events:none;background:repeating-linear-gradient(135deg,#ffffff24 0 8px,#fff0 8px 16px);position:absolute;inset:0}.quiz h2{color:#2b2f3a;letter-spacing:-.01em;z-index:1;font-size:1.4rem;font-weight:800;position:relative}.quiz h2:before{content:"";vertical-align:middle;background:linear-gradient(120deg,#6366f1,#6366f1);border-radius:999px;width:10px;height:10px;margin-right:.6rem;display:inline-block;box-shadow:0 6px 16px #ec489947}.quiz p{text-transform:uppercase;letter-spacing:.12em;color:#27303f9e;z-index:1;font-size:.95rem;font-weight:700;position:relative}.quiz h3{color:#2b2f3a;z-index:1;margin:.75rem 0 .5rem;font-size:1.25rem;font-weight:700;position:relative}.quiz button{cursor:pointer;color:#2b2f3a;text-align:left;background:#fffc;border:1px solid #ffffffbf;border-radius:16px;padding:.95rem 1.1rem;font-size:1rem;font-weight:600;transition:transform .2s,box-shadow .2s,border-color .2s;position:relative;overflow:hidden;box-shadow:0 14px 32px #f49ea929}.quiz button:before{content:"";opacity:.6;pointer-events:none;background:linear-gradient(120deg,#ffd6eb1a,#ffd6eb00 60%);position:absolute;inset:0}.quiz button:after{content:"";background:linear-gradient(120deg,#6366f1,#6366f1);border-radius:999px;width:10px;height:10px;position:absolute;top:50%;left:18px;transform:translateY(-50%);box-shadow:0 6px 14px #ec489933}.quiz button:hover{border-color:#ffb6c1d9;transform:translateY(-2px);box-shadow:0 18px 40px #f49ea93d}.quiz button:focus-visible{outline-offset:4px;outline:3px solid #fb923c59}.quiz button:not(.btnnxt){padding-left:2.5rem}.quiz .btnnxt{text-align:center;text-transform:uppercase;letter-spacing:.08em;color:#2a2a2a;background:linear-gradient(120deg,#ffbdddf2,#ffd3a2f2);border-radius:999px;margin-top:.5rem;font-weight:700;box-shadow:0 18px 35px #ff9fb059,0 10px 18px #fb923c33}.quiz .btnnxt:after{content:"";display:none}.quiz .btnnxt:hover{filter:saturate(1.05);transform:translateY(-2px)scale(1.02);box-shadow:0 22px 45px #ff85aa61,0 12px 20px #fb923c40}.quiz .btnnxt:active{transform:translateY(0)scale(.99)}.quiz .selected{opacity:.7;color:#fff;background-color:green}@media (width<=760px){.quiz{margin:1.75rem 1.25rem 3.5rem;padding:2.25rem 1.75rem}}.result{-webkit-backdrop-filter:blur(18px);background:#ffffffeb;border:1px solid #fffc;border-radius:28px;gap:1.1rem;max-width:720px;margin:2.75rem auto 4rem;padding:2.75rem 2.75rem 2.5rem;display:grid;position:relative;overflow:hidden;box-shadow:0 28px 80px #f49ea947}.result:before,.result:after{content:"";opacity:.7;pointer-events:none;background:radial-gradient(circle,#ffb6c11a,#ffb6c100),repeating-linear-gradient(135deg,#ffffff38 0 10px,#fff0 10px 20px);width:320px;height:320px;animation:10s ease-in-out infinite confettiFloat;position:absolute}.result:before{inset:-35% -15% auto auto}.result:after{width:360px;height:360px;animation-delay:-4s;inset:auto auto -45% -25%}@keyframes confettiFloat{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-8px)rotate(6deg)}to{transform:translateY(0)rotate(0)}}.result h1{color:#2b2f3a;letter-spacing:-.02em;z-index:1;align-items:center;gap:.65rem;font-size:clamp(2rem,3vw,2.8rem);font-weight:800;display:inline-flex;position:relative}.result h1:before{content:"";background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%233f2a2a'><path d='M12 2.5l2.6 5.3 5.9.9-4.3 4.2 1 6-5.2-2.7-5.2 2.7 1-6-4.3-4.2 5.9-.9L12 2.5z'/></svg>");background-position:50%;background-repeat:no-repeat;background-size:22px 22px;border-radius:14px;width:42px;height:42px;transition:transform .25s,box-shadow .25s;box-shadow:0 16px 36px #ec489933}.result:hover h1:before{transform:translateY(-2px)rotate(-6deg);box-shadow:0 20px 40px #ec489947}.result h2{text-transform:uppercase;letter-spacing:.12em;color:#27303f99;z-index:1;font-size:.95rem;position:relative}.result h3{text-transform:uppercase;letter-spacing:.12em;color:#27303f99;z-index:1;font-size:1.05rem;position:relative}.result>p{color:#2b2f3a;z-index:1;margin-top:-.4rem;font-size:2.4rem;font-weight:800;position:relative}.result>div{z-index:1;background:#ffffffeb;border:1px solid #ffffffb3;border-radius:18px;gap:.5rem;padding:1.1rem 1.25rem;display:grid;position:relative;box-shadow:0 16px 40px #f49ea92e}.result>div p{color:#27303fd1;letter-spacing:.02em;font-weight:600}.result button{cursor:pointer;letter-spacing:.08em;text-transform:uppercase;color:#2a2a2a;z-index:1;background:linear-gradient(120deg,#ffbdddf2,#ffd3a2f2);border:none;border-radius:999px;padding:.95rem 2.1rem;font-size:.95rem;font-weight:700;transition:transform .25s,box-shadow .25s,filter .25s;position:relative;box-shadow:0 18px 35px #ff9fb059,0 10px 18px #fb923c33}.result button+button{color:#3f2a2a;background:#fffc;border:1px solid #fffc;box-shadow:0 16px 32px #f49ea92e}.result button:hover{filter:saturate(1.05);transform:translateY(-2px)scale(1.02);box-shadow:0 22px 45px #ff85aa61,0 12px 20px #fb923c40}.result button+button:hover{border-color:#ffb6c1e6}.result button:focus-visible{outline-offset:4px;outline:3px solid #fb923c66}@media (width<=760px){.result{margin:2rem 1.25rem 3rem;padding:2.25rem 1.75rem 2rem}.result button{width:100%}}.dash{gap:2rem;max-width:980px;margin:3rem auto 4rem;padding:0 2.75rem 2rem;display:grid}.dash>h1{color:#f5f5f5;letter-spacing:-.02em;font-size:clamp(2.1rem,3vw,3rem);font-weight:800}.dash>h1:after{content:"";background:linear-gradient(120deg,#ffbdddf2,#ffd3a2f2);border-radius:999px;width:120px;height:6px;margin-top:.6rem;display:block;box-shadow:0 12px 24px #f49ea940}.dash>.statcard{width:100%}.dash>.statcard:first-of-type{margin-top:.5rem}.dash>.statcard+.statcard{margin-top:-.5rem}.dash>.statcard:nth-of-type(4){margin-bottom:.5rem}.recent,.bar{-webkit-backdrop-filter:blur(18px);background:#ffffffeb;border:1px solid #ffffffbf;border-radius:24px;gap:.8rem;padding:2rem 2.25rem;display:grid;position:relative;overflow:hidden;box-shadow:0 24px 70px #f49ea933}.recent:before,.bar:before{content:"";filter:blur(8px);pointer-events:none;width:240px;height:240px;position:absolute;inset:-40% -10% auto auto}.recent h3{color:#2b2f3a;z-index:1;margin-bottom:1rem;font-size:1.2rem;font-weight:800;position:relative}.recent p{color:#27303fb8;letter-spacing:.02em;z-index:1;background:#ffffffeb;border:1px solid #ffffffb3;border-radius:16px;padding:.8rem 1rem;font-size:.95rem;font-weight:600;transition:transform .2s,box-shadow .2s,border-color .2s;position:relative;box-shadow:0 12px 28px #f49ea929}.recent p+p{margin-top:.75rem}.recent p:hover{border-color:#ffb6c1cc;transform:translateY(-2px);box-shadow:0 18px 40px #f49ea938}.bar h2{color:#2b2f3a;z-index:1;margin-bottom:.6rem;font-size:1.2rem;font-weight:800;position:relative}.bar h3{text-transform:uppercase;letter-spacing:.14em;color:#27303f99;z-index:1;margin-top:.5rem;margin-bottom:.4rem;font-size:.95rem;position:relative}.perform{z-index:1;background:#fffc;border:1px solid #ffffffbf;border-radius:999px;height:18px;margin-bottom:.15rem;position:relative;overflow:hidden;box-shadow:inset 0 6px 14px #27303f14}.perform:after{content:"";opacity:.4;pointer-events:none;background:repeating-linear-gradient(90deg,#ffffff80 0 12px,#fff0 12px 24px);position:absolute;inset:0}.fill{transform-origin:0;border-radius:inherit;background:linear-gradient(120deg,#ffbdddf2,#ffd3a2f2);width:100%;height:100%;animation:1.2s forwards fillSlide;position:relative;overflow:hidden;transform:scaleX(0);box-shadow:0 10px 20px #fb923c3d}.fill:after{content:"";background:linear-gradient(120deg,#fff0,#ffffffb3,#fff0);width:60px;height:100%;animation:2.6s ease-in-out infinite fillSheen;position:absolute;top:0;right:-20px}.bar p{color:#2b2f3a;letter-spacing:.04em;z-index:1;justify-self:end;margin-top:.1rem;font-size:1.05rem;font-weight:800;position:relative}.dash .recent .emptys{text-align:center;color:#777;padding:20px}@keyframes fillSlide{0%{transform:scaleX(0)}to{transform:scaleX(var(--fill,1))}}@keyframes fillSheen{0%{opacity:0;transform:translate(-120%)}30%{opacity:.7}60%{opacity:0;transform:translate(220%)}to{opacity:0;transform:translate(220%)}}@media (width<=760px){.dash{gap:1.5rem;margin:2rem 0 3rem;padding:0 1.25rem 1.5rem}.recent,.bar{padding:1.75rem 1.5rem}}.foot{-webkit-backdrop-filter:blur(12px);color:#2b2f3a;background:linear-gradient(#ffffffe6,#ffffffeb);border-top:1px solid #ffffffb3;flex-direction:column;align-items:center;gap:2rem;width:100%;margin:4rem 0 0;padding:3rem 4rem 2rem;display:flex;box-shadow:0 -10px 40px #f49ea91a}.foot .coco{flex-wrap:wrap;justify-content:space-around;gap:3rem;width:100%;max-width:1000px;padding-top:1rem;display:flex}.foot>h3{text-align:center;color:#2b2f3a;letter-spacing:-.01em;width:100%;padding-bottom:.8rem;font-size:1.25rem;font-weight:800;position:relative}.foot>h3:after{content:"";background:#6366f1;border-radius:999px;width:60px;height:4px;position:absolute;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 4px 10px #f49ea966}.foot h4{text-transform:uppercase;letter-spacing:.12em;color:#3f2a2a;border-bottom:2px solid #fb923c33;margin-bottom:1rem;padding-bottom:.2rem;font-size:1rem;font-weight:700;display:inline-block}.foot .contact,.foot .techs{flex-direction:column;gap:.8rem;display:flex}.foot p{color:#27303fd9;font-size:.95rem;font-weight:500;line-height:1.5}.foot a{color:inherit;font-weight:600;text-decoration:none;transition:color .25s;position:relative}.foot a:after{content:"";transform-origin:100% 100%;background-color:#6366f1;width:100%;height:2px;transition:transform .3s ease-out;position:absolute;bottom:-2px;left:0;transform:scaleX(0)}.foot a:hover{color:#6366f1}.foot a:hover:after{transform-origin:0 100%;transform:scaleX(1)}@media (width<=760px){.foot{gap:2rem;margin:2.5rem 0 0;padding:2.5rem 1.5rem}.foot .coco{text-align:center;flex-direction:column;gap:2rem}.foot h4{margin:0 auto 1rem}}