:root{--primary-color:#ff6b6b;--primary-light:#ff8e8e;--primary-dark:#ff4757;--secondary-color:#6a11cb;--secondary-light:#8a3df0;--secondary-dark:#4e0d96;--accent-color:#4ecdc4;--accent-light:#7ee8e1;--accent-dark:#33b3aa;--text-light:#f5f5f5;--text-dark:#333;--background-light:#f9f9f9;--background-dark:#1a0033;--gradient-1:linear-gradient(135deg,#ff6b6b,#ff8e8e);--gradient-2:linear-gradient(45deg,#6a11cb,#8a3df0);--gradient-3:linear-gradient(45deg,#4ecdc4,#7ee8e1);--gradient-4:linear-gradient(45deg,#330867,#30cfd0);--gradient-5:linear-gradient(90deg,violet,indigo,blue,green,#ff0,orange,red)}.kids-page{padding:2rem;transition:all 1s ease;position:relative;overflow:hidden;min-height:100vh;font-family:Comic Sans MS,Chalkboard SE,Arial,sans-serif;color:var(--text-dark)!important;cursor:pointer}.kids-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ff6b6b' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg width='52' height='26' viewBox='0 0 52 26' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%236a11cb' fill-opacity='0.05'%3E%3Cpath d='M10 10c0-2.21-1.79-4-4-4-3.314 0-6-2.686-6-6h2c0 2.21 1.79 4 4 4 3.314 0 6 2.686 6 6 0 2.21 1.79 4 4 4 3.314 0 6 2.686 6 6 0 2.21 1.79 4 4 4v2c-3.314 0-6-2.686-6-6 0-2.21-1.79-4-4-4-3.314 0-6-2.686-6-6zm25.464-1.95l8.486 8.486-1.414 1.414-8.486-8.486 1.414-1.414z' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%234ecdc4' fill-opacity='0.05' fill-rule='evenodd'/%3E%3C/svg%3E");opacity:.8;z-index:-2}.kids-header{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-bottom:2rem;padding:1rem;background:hsla(0,0%,100%,.7);border-radius:20px;box-shadow:0 8px 32px rgba(0,0,0,.05);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid hsla(0,0%,100%,.18);transition:all .5s ease}.kids-header:hover{transform:translateY(-5px);box-shadow:0 12px 36px rgba(0,0,0,.08)}.kids-header h1{font-size:2.5rem;margin:0;color:var(--primary-color);text-shadow:2px 2px 0 rgba(0,0,0,.1);transition:all .3s ease;position:relative}.kids-header h1:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:3px;background:var(--gradient-1);transition:width .5s ease}.kids-header:hover h1:after{width:100%}.kids-icon{font-size:2.5rem;color:var(--primary-color);cursor:pointer;transition:all .3s ease}.kids-icon:hover{transform:scale(1.2) rotate(10deg);color:var(--primary-dark)}.kids-icon.rocket{color:var(--secondary-color)}.kids-icon.rocket:hover{color:var(--secondary-dark)}.kids-intro{max-width:800px;margin:0 auto 3rem;padding:2.5rem;background-color:hsla(0,0%,100%,.85);border-radius:24px;box-shadow:0 10px 30px rgba(0,0,0,.07);text-align:center;position:relative;overflow:hidden;transition:all .5s cubic-bezier(.175,.885,.32,1.275);border:1px solid hsla(0,0%,100%,.18);z-index:1}.kids-intro:hover{transform:translateY(-5px);box-shadow:0 15px 35px rgba(0,0,0,.1)}.kids-intro:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,var(--primary-color),var(--accent-color),var(--secondary-color),var(--primary-color));background-size:400% 400%;z-index:-1;border-radius:26px;animation:gradientBorder 5s ease infinite;opacity:.3;transition:opacity .5s ease}.kids-intro:hover:before{opacity:.5;animation-duration:3s}.kids-intro p{font-size:1.5rem;margin-bottom:2rem;color:var(--text-dark);font-weight:600;position:relative;display:inline-block}.kids-intro p:after{content:"";position:absolute;width:100%;height:8px;background:linear-gradient(90deg,var(--primary-light),var(--accent-light));bottom:-8px;left:0;border-radius:4px;opacity:.5;transform:scaleX(.7);transform-origin:center;transition:transform .5s ease,opacity .5s ease}.kids-intro:hover p:after{transform:scaleX(1);opacity:.7}.interactive-elements{display:flex;flex-direction:column;align-items:center;gap:1.5rem;margin-top:1.5rem}.magic-button-container{position:relative;z-index:1;width:100%;max-width:300px}.magic-button-container:before{content:"";position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;background:linear-gradient(45deg,var(--primary-color),var(--secondary-color),var(--accent-color),var(--primary-color));background-size:400% 400%;border-radius:50px;z-index:-1;animation:gradientBorder 5s ease infinite;opacity:0;transition:opacity .5s ease}.magic-button-container:hover:before{opacity:.7}.magic-button{width:100%;padding:1rem 2rem;background:linear-gradient(45deg,var(--primary-color),var(--primary-light));color:#fff;border:none;border-radius:50px;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:.8rem;box-shadow:0 5px 15px hsla(0,100%,71%,.3);letter-spacing:.5px;text-transform:uppercase}.magic-button:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 20px hsla(0,100%,71%,.4);background:linear-gradient(45deg,var(--primary-dark),var(--primary-color));letter-spacing:1px}.magic-button:active{transform:translateY(0) scale(.98);box-shadow:0 3px 10px hsla(0,100%,71%,.3)}.magic-button:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent,hsla(0,0%,100%,.3),transparent);transform:translateX(-100%);transition:transform .6s ease}.magic-button:hover:after{transform:translateX(100%)}.magic-button svg{font-size:1.4rem;animation:pulse 2s infinite}.magic-mode .magic-button{background:linear-gradient(45deg,var(--secondary-color),var(--secondary-light));box-shadow:0 5px 15px rgba(106,17,203,.4)}.magic-mode .magic-button:hover{background:linear-gradient(45deg,var(--secondary-dark),var(--secondary-color));box-shadow:0 8px 20px rgba(106,17,203,.5)}.interactive-icons{display:flex;gap:1.5rem;margin-top:.5rem;flex-wrap:wrap;justify-content:center}.interactive-icon{font-size:2rem;color:var(--text-dark);cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);padding:1rem;background:hsla(0,0%,100%,.7);border-radius:50%;box-shadow:0 5px 15px rgba(0,0,0,.1);position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:4rem;height:4rem}.interactive-icon:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,var(--primary-color),var(--accent-color));border-radius:50%;z-index:-1;opacity:0;transform:scale(.8);transition:all .3s ease}.interactive-icon:hover{color:#fff;transform:translateY(-5px) rotate(10deg);box-shadow:0 10px 20px rgba(0,0,0,.15)}.interactive-icon:hover:before{opacity:1;transform:scale(1)}.interactive-icon:active{transform:translateY(0) scale(.95)}.interactive-icon.active{color:#fff;background:linear-gradient(45deg,var(--secondary-color),var(--secondary-light));box-shadow:0 5px 15px rgba(106,17,203,.3);transform:translateY(-3px)}.interactive-icon.active:hover{background:linear-gradient(45deg,var(--secondary-dark),var(--secondary-color));box-shadow:0 8px 20px rgba(106,17,203,.4);transform:translateY(-5px) rotate(10deg)}.interactive-icon:after{content:attr(data-tooltip);position:absolute;bottom:-40px;left:50%;transform:translateX(-50%) scale(.8);background:rgba(0,0,0,.8);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.8rem;white-space:nowrap;opacity:0;visibility:hidden;transition:all .3s ease;pointer-events:none}.interactive-icon:hover:after{opacity:1;visibility:visible;transform:translateX(-50%) scale(1);bottom:-45px}.kids-intro.magic-intro{background:rgba(106,17,203,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.18);color:#fff;box-shadow:0 15px 35px rgba(106,17,203,.3)}.kids-intro.magic-intro p{color:#fff;text-shadow:0 2px 5px rgba(0,0,0,.2)}.kids-intro.magic-intro p:after{background:linear-gradient(90deg,var(--secondary-light),var(--accent-light));height:10px;opacity:.7}@media (max-width:768px){.kids-intro{padding:1.5rem}.kids-intro p{font-size:1.2rem}.magic-button{padding:.8rem 1.5rem;font-size:1rem}.interactive-icon{font-size:1.5rem;padding:.8rem;width:3rem;height:3rem}.interactive-icons{gap:1rem}}.kids-courses-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:2rem;gap:2rem;margin-bottom:3rem;transition:all .5s ease}.kids-course-card{background-color:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.05);transition:all .5s cubic-bezier(.175,.885,.32,1.275);position:relative;border:1px solid hsla(0,0%,100%,.18)}.kids-course-card:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,var(--primary-color),var(--accent-color),var(--tertiary-color),var(--primary-color));background-size:400% 400%;z-index:-1;border-radius:22px;opacity:0;transition:opacity .5s ease}.kids-course-card:hover:before{opacity:.5;animation:gradientBorder 5s ease infinite}.kids-course-card:hover{transform:translateY(-10px) rotateX(5deg) rotateY(5deg);box-shadow:0 20px 40px rgba(0,0,0,.1)}.kids-course-card.character-nearby{animation:pulse 1.5s infinite}.kids-course-image{height:200px;position:relative;overflow:hidden}.kids-course-image img{width:100%;height:100%;object-fit:cover;transition:all .5s ease}.kids-course-card:hover .kids-course-image img{transform:scale(1.1)}.image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,transparent,rgba(0,0,0,.5));opacity:.7;transition:all .5s ease}.kids-course-card:hover .image-overlay{opacity:.3}.kids-course-header{padding:1.5rem 1.5rem .5rem;display:flex;align-items:center;gap:.8rem;min-height:100px;justify-content:center}.kids-course-icon{font-size:1.5rem;color:var(--primary-color);margin-right:.5rem;transition:all .3s ease}.kids-course-card:hover .kids-course-icon{transform:rotate(15deg) scale(1.2);color:var(--primary-dark)}.kids-course-header h3{margin:0;font-size:1.3rem;color:var(--text-dark);transition:all .3s ease}.kids-course-card:hover .kids-course-header h3{color:var(--primary-dark)}.kids-course-info{display:flex;align-items:center;justify-content:center;margin-bottom:20px;text-align:center;font-weight:700}.kids-course-button{display:block;width:100%;padding:1rem;background:var(--gradient-1);color:#fff;border:none;font-size:1rem;cursor:pointer;position:relative;overflow:hidden;transition:all .3s ease;font-weight:700;text-transform:uppercase;letter-spacing:1px;z-index:1}.kids-course-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:all .5s ease;z-index:-1}.kids-course-button:hover:before{left:100%}.kids-course-button:hover{background:linear-gradient(45deg,var(--primary-dark),var(--primary-color));letter-spacing:2px}.button-highlight{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent,hsla(0,0%,100%,.2),transparent);transform:translateX(-100%);transition:transform .5s ease}.kids-course-button:hover .button-highlight{transform:translateX(100%)}.code-examples{max-width:800px;margin:0 auto 3rem;padding:2rem;background-color:hsla(0,0%,100%,.8);border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.05);text-align:center;position:relative;overflow:hidden;transition:all .5s ease;border:1px solid hsla(0,0%,100%,.18)}.code-examples:hover{transform:translateY(-5px);box-shadow:0 15px 35px rgba(0,0,0,.08)}.code-examples h2{margin-top:0;color:var(--secondary-color);font-size:1.8rem;margin-bottom:1.5rem}.code-blocks{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:1.5rem;gap:1.5rem}.code-block{background-color:#f8f9fa;border-radius:10px;padding:1rem;text-align:left;box-shadow:0 5px 15px rgba(0,0,0,.05);transition:all .3s ease;border:1px solid rgba(0,0,0,.05)}.code-block:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,.08)}.code-block pre{background-color:#282c34;color:#abb2bf;padding:1rem;border-radius:8px;overflow-x:auto;font-family:Consolas,Monaco,monospace;font-size:.9rem;line-height:1.5;margin-bottom:1rem}.run-code-button{background-color:var(--accent-color);color:#fff;border:none;padding:.5rem 1rem;border-radius:5px;cursor:pointer;font-weight:700;transition:all .3s ease}.run-code-button:hover{background-color:var(--accent-dark);transform:translateY(-2px);box-shadow:0 5px 10px rgba(0,0,0,.1)}.code-result{margin-top:1rem;padding:1rem;background-color:#f1f1f1;border-radius:8px;border-left:4px solid var(--accent-color);animation:fadeIn .5s ease-in-out}.code-result pre{margin:0;background-color:transparent;color:#333;padding:0}.rtl-mode{direction:rtl;text-align:right}.rtl-mode .bullet-point,.rtl-mode .kids-course-icon{margin-right:0;margin-left:.5rem}.kids-page.magic-mode{background:var(--gradient-4);background-size:400% 400%;animation:magicBG 10s ease infinite;color:var(--text-light);cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="%23fbc2eb"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>') 12 12,auto}.kids-page.magic-mode:before{background-image:radial-gradient(circle at 25% 25%,rgba(251,194,235,.3) 0,transparent 15%),radial-gradient(circle at 75% 75%,rgba(172,182,229,.3) 0,transparent 15%),radial-gradient(circle at 50% 50%,rgba(106,17,203,.2) 0,transparent 20%);background-size:150px 150px,180px 180px,120px 120px;background-position:0 0,40px 40px,80px 80px;opacity:.8;z-index:-2;animation:magicPatternMove 30s linear infinite}.kids-page.magic-mode:after,.kids-page.magic-mode:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0}.kids-page.magic-mode:after{background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23ffffff' fill-opacity='0.1' fill-rule='evenodd'/%3E%3C/svg%3E");opacity:.3;z-index:-1;animation:backgroundScroll 60s linear infinite}@keyframes magicPatternMove{0%{background-position:0 0,40px 40px,80px 80px}to{background-position:150px 150px,190px 190px,230px 230px}}@keyframes backgroundScroll{0%{background-position:0 0}to{background-position:1000px 1000px}}@keyframes magicBG{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.cloud{position:absolute;background:hsla(0,0%,100%,.8);border-radius:50%;filter:blur(10px);z-index:-1;opacity:.7;animation:floatCloud linear infinite}.cloud:after,.cloud:before{content:"";position:absolute;background:inherit;border-radius:inherit;filter:blur(8px)}.cloud:before{width:60%;height:60%;top:-20%;left:15%}.cloud:after{width:70%;height:70%;top:10%;right:-20%}@keyframes floatCloud{0%{transform:translateX(-100vw)}to{transform:translateX(100vw)}}.character{position:absolute;width:50px;height:50px;z-index:100;transition:all .3s ease;filter:drop-shadow(0 5px 15px rgba(0,0,0,.3));cursor:pointer}.character-body{width:100%;height:100%;position:relative;animation:pulse 2s infinite;display:flex;align-items:center;justify-content:center}.character-body,.character-body:before{background:var(--gradient-1);border-radius:50%}.character-body:before{content:"";position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;z-index:-1;opacity:.5;filter:blur(10px);animation:glowPulse 2s infinite alternate}@keyframes glowPulse{0%{opacity:.3;transform:scale(1)}to{opacity:.7;transform:scale(1.2)}}.character-face{width:70%;height:70%;position:relative}.character-eye{position:absolute;width:20%;height:20%;background-color:#fff;border-radius:50%;top:30%;animation:blink 4s infinite}@keyframes blink{0%,45%,55%,to{transform:scaleY(1)}50%{transform:scaleY(.1)}}.character-eye.left{left:25%}.character-eye.right{right:25%}.character-mouth{position:absolute;width:40%;height:15%;background-color:#fff;border-radius:10px;bottom:20%;left:30%;transition:all .3s ease}.character:hover .character-mouth{height:25%;border-radius:50%;bottom:15%}.rainbow-text{background-image:var(--gradient-5);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent!important;animation:rainbow 5s linear infinite;text-shadow:none!important}.language-toggle{position:fixed;top:90px;right:20px;background:hsla(0,0%,100%,.2);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:30px;padding:.5rem 1rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .3s ease;z-index:100;box-shadow:0 5px 15px rgba(0,0,0,.1);border:1px solid hsla(0,0%,100%,.18);overflow:hidden}.language-toggle button{background:none;border:none;color:var(--text-dark);font-size:1rem;background:linear-gradient(45deg,var(--primary-color),var(--accent-color),var(--secondary-color),var(--primary-color));background-size:400% 400%;z-index:-1;border-radius:52px;animation:gradientBorder 5sease infinite;min-width:70px;padding:.5rem 1rem}.language-toggle:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,hsla(0,100%,71%,.2),rgba(106,17,203,.2));opacity:0;transition:opacity .3s ease;z-index:-1}.language-toggle:hover:before{opacity:1}.language-toggle:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,.15)}.language-toggle-icon{font-size:1.2rem;color:var(--secondary-color);transition:all .3s ease}.language-toggle:hover .language-toggle-icon{transform:rotate(1turn);color:var(--secondary-light)}.magic-message{position:fixed;top:90px;left:20px;background:hsla(0,0%,100%,.2);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:15px;padding:1rem;color:var(--secondary-color);font-weight:700;animation:bounce 2s infinite;z-index:100;box-shadow:0 5px 15px rgba(0,0,0,.1);border:1px solid hsla(0,0%,100%,.18);max-width:250px;text-align:center}.magic-message:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,var(--primary-color),var(--secondary-color),var(--accent-color),var(--primary-color));background-size:400% 400%;z-index:-1;border-radius:17px;animation:gradientBorder 3s ease infinite;opacity:.7}.drag-hint{position:fixed;bottom:20px;left:20px;background:hsla(0,0%,100%,.9);padding:.8rem 1.2rem;border-radius:50px;box-shadow:0 5px 20px rgba(0,0,0,.1);display:flex;align-items:center;gap:.8rem;z-index:100;transition:all .4s cubic-bezier(.175,.885,.32,1.275);border:1px solid hsla(0,0%,100%,.5);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);max-width:250px;transform-origin:bottom left;animation:hintPulse 3s infinite alternate}@keyframes hintPulse{0%{transform:scale(1);box-shadow:0 5px 20px rgba(0,0,0,.1)}to{transform:scale(1.05);box-shadow:0 8px 25px rgba(0,0,0,.15)}}.drag-hint:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 10px 30px rgba(0,0,0,.15);background:hsla(0,0%,100%,.95)}.drag-hint:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,var(--primary-color),var(--accent-color),var(--secondary-color),var(--primary-color));background-size:400% 400%;z-index:-1;border-radius:52px;animation:gradientBorder 5s ease infinite;opacity:.3;transition:opacity .5s ease}.drag-hint:hover:before{opacity:.6;animation-duration:3s}.hint-icon{font-size:1.8rem;animation:waveHand 1.5s ease-in-out infinite;transform-origin:bottom center;display:flex;align-items:center;justify-content:center;background:linear-gradient(45deg,var(--primary-color),var(--primary-light));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 2px 5px hsla(0,100%,71%,.3);position:relative}@keyframes waveHand{0%{transform:rotate(0deg)}25%{transform:rotate(-10deg)}50%{transform:rotate(0deg)}75%{transform:rotate(10deg)}to{transform:rotate(0deg)}}.drag-hint p{margin:0;font-size:.95rem;font-weight:600;color:var(--text-dark);line-height:1.3;position:relative;transition:all .3s ease}.drag-hint:hover p{transform:translateX(3px)}.magic-mode .drag-hint{background:rgba(106,17,203,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.18);box-shadow:0 8px 32px rgba(106,17,203,.3)}.magic-mode .drag-hint p{color:#fff;text-shadow:0 2px 5px rgba(0,0,0,.2)}.magic-mode .hint-icon{background:linear-gradient(45deg,var(--secondary-light),var(--accent-light));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 2px 5px rgba(106,17,203,.3)}.drag-hint.active{transform:scale(1.1);background:rgba(78,205,196,.2);box-shadow:0 10px 30px rgba(78,205,196,.3)}.drag-hint.active .hint-icon{animation:none;transform:scale(1.2);background:linear-gradient(45deg,var(--accent-color),var(--accent-light));-webkit-background-clip:text;background-clip:text}.drag-hint.active p{color:var(--accent-dark);font-weight:700}.drag-hint .close-hint{position:absolute;top:-8px;right:-8px;width:24px;height:24px;background:var(--primary-color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;cursor:pointer;opacity:0;transform:scale(.8);transition:all .3s ease;box-shadow:0 3px 8px hsla(0,100%,71%,.3)}.drag-hint:hover .close-hint{opacity:1;transform:scale(1)}.drag-hint .close-hint:hover{background:var(--primary-dark);transform:scale(1.1)}@media (max-width:768px){.drag-hint{bottom:15px;left:15px;padding:.6rem 1rem;max-width:200px}.hint-icon{font-size:1.5rem}.drag-hint p{font-size:.85rem}}.interactive-playground{max-width:800px;margin:0 auto 3rem;padding:2rem;background-color:hsla(0,0%,100%,.8);border-radius:15px;box-shadow:0 5px 20px rgba(0,0,0,.1);text-align:center;position:relative;overflow:hidden}.interactive-playground:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,var(--primary-color),var(--accent-color),var(--secondary-color),var(--primary-color));background-size:400% 400%;z-index:-1;border-radius:17px;animation:gradientBorder 3s ease infinite;opacity:.5}.interactive-playground h2{margin-top:0;color:var(--secondary-color);font-size:1.8rem;margin-bottom:1.5rem}.playground-elements{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-top:2rem}.playground-element{width:100px;height:100px;background:var(--gradient-1);border-radius:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:-webkit-grab;cursor:grab;transition:all .3s ease;color:#fff;box-shadow:0 5px 15px rgba(0,0,0,.1)}.playground-element:nth-child(2){background:var(--gradient-2)}.playground-element:nth-child(3){background:var(--gradient-3)}.playground-target{width:150px;height:150px;border:3px dashed var(--secondary-color);border-radius:15px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;color:var(--secondary-color);font-weight:700}.playground-target.drag-over{background-color:rgba(106,17,203,.1);transform:scale(1.05);border-color:var(--secondary-light)}.back-to-home{margin-top:3rem;text-align:center}.back-to-home a{color:#555;text-decoration:none;display:inline-flex;align-items:center;transition:all .3s cubic-bezier(.175,.885,.32,1.275);background:hsla(0,0%,100%,.7);padding:1rem 2rem;border-radius:50px;font-weight:700;box-shadow:0 5px 15px rgba(0,0,0,.1)}.back-to-home a:hover{color:#ff6b6b;transform:translateX(-10px);box-shadow:0 8px 20px rgba(0,0,0,.15)}.magic-link{color:#a18cd1!important;background:hsla(0,0%,100%,.2)!important;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:2px solid rgba(251,194,235,.5)}.magic-link:hover{color:#fbc2eb!important;text-shadow:0 0 10px rgba(251,194,235,.7);border-color:#fbc2eb}.magic-star{position:absolute;border-radius:50%;opacity:.7;z-index:-1;filter:blur(1px);box-shadow:0 0 10px currentColor,0 0 20px currentColor}.confetti-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000;perspective:700px}.confetti{position:absolute;width:10px;height:10px;background-color:#f0f;opacity:.7;animation:confettiFall 5s ease-in-out infinite}@keyframes confettiFall{0%{transform:translateY(-100vh) rotate(0deg)}to{transform:translateY(100vh) rotate(2turn)}}.bubble{position:absolute;bottom:-50px;background:linear-gradient(135deg,hsla(0,0%,100%,.4),hsla(0,0%,100%,.1));border-radius:50%;pointer-events:none;box-shadow:0 0 10px hsla(0,0%,100%,.3),inset 0 0 10px hsla(0,0%,100%,.3);animation:float linear infinite;z-index:-1}@keyframes floating{0%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(5deg)}to{transform:translateY(0) rotate(0deg)}}@keyframes twinkle{0%{opacity:.3;transform:scale(.8);filter:blur(2px)}50%{opacity:1;transform:scale(1.2);filter:blur(0)}to{opacity:.3;transform:scale(.8);filter:blur(2px)}}@keyframes rainbow{0%{background-position:0 50%}to{background-position:100% 50%}}@keyframes popIn{0%{transform:scale(.8) translateY(20px);opacity:0}70%{transform:scale(1.1) translateY(-5px)}to{transform:scale(1) translateY(0);opacity:1}}@keyframes slideIn{0%{transform:translateX(-30px);opacity:0}70%{transform:translateX(5px)}to{transform:translateX(0);opacity:1}}@keyframes glow{0%{box-shadow:0 0 5px hsla(0,100%,71%,.5)}to{box-shadow:0 0 30px hsla(0,100%,71%,.8),0 0 60px hsla(0,100%,71%,.4)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-15px)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes float{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100vh);opacity:0}}@media (max-width:768px){.kids-header h1,.kids-icon{font-size:2rem}.kids-courses-grid{grid-template-columns:1fr}.interactive-playground{padding:1.5rem}.playground-elements{gap:1rem}.playground-element{width:80px;height:80px}.playground-target{width:120px;height:120px}.magic-message{top:10px;right:10px;padding:.8rem;font-size:.9rem}.drag-hint{bottom:15px;left:15px;padding:.6rem 1rem;max-width:200px}}.kids-page.magic-exit{animation:magicBackgroundExit 1.5s forwards}@keyframes magicBackgroundExit{0%{background:linear-gradient(45deg,#330867,#30cfd0);background-size:400% 400%;background-position:0 50%}20%{background:linear-gradient(45deg,#6a11cb,#2575fc);background-size:400% 400%;background-position:25% 50%}40%{background:linear-gradient(45deg,#764ba2,#667eea);background-size:400% 400%;background-position:50% 50%}60%{background:linear-gradient(45deg,#a18cd1,#fbc2eb);background-size:400% 400%;background-position:75% 50%}80%{background:linear-gradient(135deg,#e0c3fc,#8ec5fc);background-size:400% 400%;background-position:100% 50%}to{background:linear-gradient(135deg,#f8f9fa,#e9ecef);background-size:400% 400%;background-position:0 50%}}.kids-page.magic-exit:before{animation:patternMagicExit 1.5s forwards}@keyframes patternMagicExit{0%{background-image:radial-gradient(circle at 25% 25%,rgba(251,194,235,.2) 0,transparent 15%),radial-gradient(circle at 75% 75%,rgba(172,182,229,.2) 0,transparent 15%),radial-gradient(circle at 50% 50%,rgba(106,17,203,.1) 0,transparent 20%);opacity:.6}25%{background-image:radial-gradient(circle at 25% 25%,rgba(251,194,235,.15) 0,transparent 15%),radial-gradient(circle at 75% 75%,rgba(172,182,229,.15) 0,transparent 15%),radial-gradient(circle at 50% 50%,rgba(106,17,203,.08) 0,transparent 20%);opacity:.5}50%{background-image:radial-gradient(circle at 25% 25%,rgba(251,194,235,.1) 0,transparent 15%),radial-gradient(circle at 75% 75%,rgba(172,182,229,.1) 0,transparent 15%),radial-gradient(circle at 50% 50%,rgba(106,17,203,.05) 0,transparent 20%);opacity:.4}75%{background-image:radial-gradient(circle at 25% 25%,hsla(0,100%,71%,.08) 0,transparent 12%),radial-gradient(circle at 75% 75%,rgba(106,17,203,.08) 0,transparent 12%),radial-gradient(circle at 50% 50%,rgba(78,205,196,.08) 0,transparent 15%);opacity:.6}to{background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ff6b6b' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg width='52' height='26' viewBox='0 0 52 26' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%236a11cb' fill-opacity='0.05'%3E%3Cpath d='M10 10c0-2.21-1.79-4-4-4-3.314 0-6-2.686-6-6h2c0 2.21 1.79 4 4 4 3.314 0 6 2.686 6 6 0 2.21 1.79 4 4 4 3.314 0 6 2.686 6 6 0 2.21 1.79 4 4 4v2c-3.314 0-6-2.686-6-6 0-2.21-1.79-4-4-4-3.314 0-6-2.686-6-6zm25.464-1.95l8.486 8.486-1.414 1.414-8.486-8.486 1.414-1.414z' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%234ecdc4' fill-opacity='0.05' fill-rule='evenodd'/%3E%3C/svg%3E");opacity:.8}}.magic-overlay.magic-exit{animation:overlayMagicExit 1.5s forwards}@keyframes overlayMagicExit{0%{background:radial-gradient(circle at center,transparent 0,rgba(0,0,0,.3) 100%);opacity:1}20%{background:radial-gradient(circle at center,transparent 20%,rgba(0,0,0,.25) 100%);opacity:.8}40%{background:radial-gradient(circle at center,transparent 40%,rgba(0,0,0,.2) 100%);opacity:.6}60%{background:radial-gradient(circle at center,transparent 60%,rgba(0,0,0,.15) 100%);opacity:.4}80%{background:radial-gradient(circle at center,transparent 80%,rgba(0,0,0,.1) 100%);opacity:.2}to{background:radial-gradient(circle at center,transparent 100%,transparent 0);opacity:0}}.light-rays.magic-exit{animation:lightRaysMagicExit 1.5s forwards}@keyframes lightRaysMagicExit{0%{background:radial-gradient(circle at center,hsla(0,0%,100%,.8) 0,transparent 70%);opacity:.7;transform:scale(1)}50%{background:radial-gradient(circle at center,hsla(0,0%,100%,.6) 0,transparent 80%);opacity:.4;transform:scale(1.2)}to{background:radial-gradient(circle at center,hsla(0,0%,100%,.4) 0,transparent 90%);opacity:0;transform:scale(1.5)}}.magic-particle.magic-exit{animation:particleMagicExit 1.5s forwards}@keyframes particleMagicExit{0%{opacity:.8;transform:translateY(0) scale(1)}50%{opacity:.4;transform:translateY(-20px) scale(.8)}to{opacity:0;transform:translateY(-40px) scale(.5)}}.color-filter.magic-exit{animation:colorFilterMagicExit 1.5s forwards}@keyframes colorFilterMagicExit{0%{background:linear-gradient(45deg,rgba(106,17,203,.2),rgba(37,117,252,.2));opacity:.8}33%{background:linear-gradient(45deg,rgba(106,17,203,.15),rgba(37,117,252,.15));opacity:.6}66%{background:linear-gradient(45deg,rgba(106,17,203,.1),rgba(37,117,252,.1));opacity:.3}to{background:linear-gradient(45deg,rgba(106,17,203,0),rgba(37,117,252,0));opacity:0}}.magic-glow.magic-exit{animation:glowMagicExit 1.5s forwards}@keyframes glowMagicExit{0%{box-shadow:0 0 30px rgba(106,17,203,.7),0 0 60px rgba(37,117,252,.5);opacity:1}33%{box-shadow:0 0 25px rgba(106,17,203,.5),0 0 50px rgba(37,117,252,.3);opacity:.7}66%{box-shadow:0 0 15px rgba(106,17,203,.3),0 0 30px rgba(37,117,252,.2);opacity:.4}to{box-shadow:0 0 0 rgba(106,17,203,0),0 0 0 rgba(37,117,252,0);opacity:0}}.magic-sparkle.magic-exit{animation:sparkleMagicExit 1s forwards}@keyframes sparkleMagicExit{0%{background-image:radial-gradient(circle at 25% 25%,hsla(0,0%,100%,.8) 0,transparent 5%),radial-gradient(circle at 75% 75%,hsla(0,0%,100%,.8) 0,transparent 5%);background-size:100px 100px;opacity:.8}50%{background-image:radial-gradient(circle at 25% 25%,hsla(0,0%,100%,.6) 0,transparent 3%),radial-gradient(circle at 75% 75%,hsla(0,0%,100%,.6) 0,transparent 3%);background-size:80px 80px;opacity:.4}to{background-image:radial-gradient(circle at 25% 25%,hsla(0,0%,100%,.4) 0,transparent 1%),radial-gradient(circle at 75% 75%,hsla(0,0%,100%,.4) 0,transparent 1%);background-size:60px 60px;opacity:0}}.contacts-container{max-width:1200px;margin:0 auto;padding:2rem 0}.contact-hero{background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-tertiary) 100%);border-radius:20px;padding:3rem;margin-bottom:3rem;border:1px solid var(--blue-tint);position:relative;overflow:hidden}.contact-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent,rgba(var(--accent-rgb),.05),transparent);opacity:0;transition:var(--transition-base)}.contact-hero:hover:before{opacity:1}.hero-content{display:grid;grid-template-columns:2fr 1fr;grid-gap:3rem;gap:3rem;align-items:center;position:relative;z-index:1}.hero-text{display:flex;flex-direction:column;gap:1.5rem}.hero-title{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin:0;background:linear-gradient(135deg,var(--text-primary),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.2rem;color:var(--accent-color);font-weight:500;margin:0;line-height:1.6}.hero-description{font-size:1rem;line-height:1.7;color:var(--text-secondary);margin:0}.hero-image{display:flex;justify-content:center;align-items:center}.contact-avatar{position:relative}.contact-avatar img{width:180px;height:180px;border-radius:50%;object-fit:cover;border:4px solid var(--accent-color);box-shadow:0 10px 30px rgba(var(--accent-rgb),.3);transition:var(--transition-base)}.contact-avatar img:hover{transform:scale(1.05);box-shadow:0 15px 40px rgba(var(--accent-rgb),.4)}.contact-section{margin-bottom:4rem;animation:fadeInUp .6s ease forwards}.section-header{display:flex;align-items:center;gap:1rem;margin-bottom:2.5rem;padding-bottom:1rem;border-bottom:2px solid rgba(var(--accent-rgb),.2)}.section-icon{color:var(--accent-color);font-size:1.5rem;transition:var(--transition-base)}.section-header:hover .section-icon{transform:scale(1.1)}.section-header h2{color:var(--text-primary);font-size:2rem;font-weight:600;margin:0}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:2rem;gap:2rem}.contact-card{background:rgba(17,34,64,.3);border-radius:16px;padding:2rem;border:1px solid var(--blue-tint);transition:var(--transition-base);position:relative;overflow:hidden}.contact-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent-color),rgba(var(--accent-rgb),.7));transform:scaleX(0);transition:var(--transition-base)}.contact-card:hover{border-color:var(--accent-color);transform:translateY(-5px);box-shadow:0 10px 30px rgba(var(--accent-rgb),.1)}.contact-card:hover:before{transform:scaleX(1)}.contact-card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(var(--accent-rgb),.2)}.contact-card-icon{color:var(--accent-color);font-size:1.5rem;transition:var(--transition-base)}.contact-card:hover .contact-card-icon{transform:scale(1.1)}.contact-card-header h3{color:var(--text-primary);font-size:1.3rem;font-weight:600;margin:0}.contact-card-content{display:flex;flex-direction:column;gap:.8rem}.contact-link{color:var(--accent-color);text-decoration:none;font-size:1.1rem;font-weight:500;transition:var(--transition-base);word-break:break-word}.contact-link:hover{color:var(--text-primary);transform:translateX(5px)}.contact-value{color:var(--text-primary);font-size:1.1rem;font-weight:500;margin:0}.contact-description{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin:0}.social-card{background:linear-gradient(135deg,rgba(17,34,64,.4),rgba(29,53,87,.3))}.social-card .contact-link{font-weight:600}.contact-card:has(.fa-whatsapp){background:linear-gradient(135deg,rgba(37,211,102,.1),rgba(37,211,102,.05));border-color:rgba(37,211,102,.3)}.contact-card:has(.fa-whatsapp):hover{border-color:#25d366;box-shadow:0 10px 30px rgba(37,211,102,.2)}.contact-card:has(.fa-whatsapp) .contact-card-icon{color:#25d366}.contact-card:has(.fa-whatsapp) .contact-link{color:#25d366}.contact-card:has(.fa-whatsapp) .contact-link:hover{color:#128c7e}.info-card{background:linear-gradient(135deg,rgba(17,34,64,.3),rgba(29,53,87,.2))}.contact-form-container{background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-tertiary) 100%);border-radius:20px;padding:3rem;border:1px solid var(--blue-tint);display:grid;grid-template-columns:2fr 1fr;grid-gap:3rem;gap:3rem;align-items:center}.form-info h3{color:var(--text-primary);font-size:1.8rem;font-weight:600;margin:0 0 1rem}.form-info p{color:var(--text-secondary);line-height:1.7;font-size:1.1rem;margin:0 0 2rem}.form-features{display:flex;flex-direction:column;gap:1rem}.feature{display:flex;align-items:center;gap:1rem;padding:1rem;background:rgba(var(--accent-rgb),.05);border-radius:8px;border-left:3px solid var(--accent-color);transition:var(--transition-base)}.feature:hover{background:rgba(var(--accent-rgb),.1);transform:translateX(5px)}.feature svg{color:var(--accent-color);font-size:1.2rem}.feature span{color:var(--text-secondary);font-weight:500}.form-action{display:flex;flex-direction:column;align-items:center;gap:1.5rem;text-align:center}.contact-cta-button{display:flex;align-items:center;gap:1rem;background:linear-gradient(135deg,var(--accent-color),rgba(var(--accent-rgb),.8));color:var(--bg-primary);text-decoration:none;padding:1.2rem 2rem;border-radius:12px;font-size:1.1rem;font-weight:600;transition:var(--transition-base);box-shadow:0 4px 15px rgba(var(--accent-rgb),.3)}.contact-cta-button:hover{background:linear-gradient(135deg,rgba(var(--accent-rgb),.8),var(--accent-color));transform:translateY(-3px);box-shadow:0 8px 25px rgba(var(--accent-rgb),.4)}.form-note{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.contact-form-container,.hero-content{grid-template-columns:1fr;gap:2rem;text-align:center}.contact-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width:768px){.contacts-container{padding:1rem}.contact-hero{padding:2rem}.hero-title{font-size:2rem}.hero-subtitle{font-size:1.1rem}.section-header h2{font-size:1.5rem}.contact-card{padding:1.5rem}.contact-form-container{padding:2rem}.form-info h3{font-size:1.5rem}.contact-cta-button{padding:1rem 1.5rem;font-size:1rem}}@media (max-width:480px){.contact-hero{padding:1.5rem}.hero-title{font-size:1.8rem}.contact-avatar img{width:150px;height:150px}.section-header{flex-direction:column;align-items:flex-start;gap:.5rem}.contact-card{padding:1rem}.contact-form-container{padding:1.5rem}.form-features{gap:.8rem}.feature{padding:.8rem}}.courses-container{max-width:1200px;margin:0 auto;padding:2rem}.courses-header{display:flex;align-items:center;gap:2rem;margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid var(--blue-tint)}.courses-icon{font-size:3rem;color:var(--accent-primary)}.courses-header h2{color:var(--text-primary);margin:0 0 .5rem;font-size:2rem}.courses-header p{color:var(--text-secondary);margin:0;font-size:1.1rem}.courses-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));grid-gap:2rem;gap:2rem}.course-card{background:var(--bg-secondary);border-radius:12px;padding:2rem;border:1px solid var(--blue-tint);transition:var(--transition-normal)}.course-card:hover{transform:translateY(-5px);border-color:var(--accent-primary);box-shadow:var(--shadow-md)}.course-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.course-code{background:var(--blue-tint);color:var(--accent-primary);padding:.4rem 1rem;border-radius:20px;font-family:Fira Code,monospace}.platform{color:var(--accent-secondary);font-weight:500}.course-card h3{color:var(--text-primary);margin:0 0 1rem;font-size:1.4rem}.course-card p{color:var(--text-secondary);margin:0 0 1.5rem;line-height:1.6}.course-meta{display:flex;justify-content:space-between;align-items:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--blue-tint)}.course-level,.course-semester,.duration{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.9rem}.prerequisites{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--blue-tint);color:var(--text-secondary);font-size:.9rem}.topics-list{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.topic-tag{background:var(--blue-tint);padding:.3rem .8rem;border-radius:15px;font-size:.8rem}.course-link,.topic-tag{color:var(--accent-primary)}.course-link{display:flex;align-items:center;gap:.5rem;text-decoration:none;font-weight:500;padding:.5rem 1rem;border:1px solid var(--accent-primary);border-radius:8px;transition:var(--transition-normal)}.course-link:hover{background:var(--accent-primary);color:var(--bg-primary)}@media (max-width:768px){.courses-container{padding:1rem}.courses-header{flex-direction:column;gap:1rem;text-align:center}.courses-grid{grid-template-columns:1fr}}.project-details-page{padding:2rem 0}.project-details-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.back-button{display:flex;align-items:center;gap:.5rem;background:transparent;border:1px solid rgba(100,255,218,.2);color:var(--accent-color);padding:.6rem 1.2rem;border-radius:8px;font-size:.95rem;cursor:pointer;transition:all .3s ease}.back-button:hover{background:rgba(100,255,218,.1);transform:translateX(-5px)}.project-meta{display:flex;gap:1rem}.project-year{display:flex;align-items:center;gap:.5rem;color:var(--accent-color);font-size:1rem}.project-details-content{display:grid;grid-template-columns:2fr 1fr;grid-gap:2rem;gap:2rem}.project-main{background:var(--bg-secondary);border-radius:12px;border:1px solid rgba(100,255,218,.1);overflow:hidden}.project-title{color:var(--text-primary);font-size:2.2rem;margin:0;padding:2rem 2rem 1rem;line-height:1.3}.project-video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;width:100%;background:#000}.project-video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.project-image-container{width:100%;height:400px;overflow:hidden;background:linear-gradient(135deg,rgba(17,34,64,.8),rgba(13,28,54,.9));display:flex;align-items:center;justify-content:center}.project-image{width:100%;height:100%;object-fit:cover}.project-description-section{padding:2rem}.section-title{color:var(--text-primary);font-size:1.5rem;margin:0 0 1.5rem;display:flex;align-items:center;gap:.8rem}.project-description{color:var(--text-secondary);line-height:1.8;font-size:1.05rem}.project-technologies-section{padding:0 2rem 2rem}.technologies-list{display:flex;flex-wrap:wrap;gap:.8rem}.tech-tag{background:rgba(100,255,218,.1);color:var(--accent-color);padding:.5rem 1rem;border-radius:20px;font-size:.9rem;border:1px solid rgba(100,255,218,.2)}.project-sidebar{display:flex;flex-direction:column;gap:2rem}.sidebar-section{background:var(--bg-secondary);border-radius:12px;border:1px solid rgba(100,255,218,.1);padding:1.5rem}.students-list{display:flex;flex-direction:column;gap:.8rem}.student-item{background:var(--bg-tertiary);padding:.8rem 1.2rem;border-radius:8px;color:var(--text-secondary)}.university-info{margin-top:1rem}.university-name{color:var(--text-primary);font-size:1.1rem;margin:0 0 .5rem}.department-name{color:var(--text-secondary);font-size:.95rem;margin:0}.project-links{display:flex;flex-direction:column;gap:1rem}.project-link-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem 1.5rem;border-radius:8px;font-size:.95rem;cursor:pointer;transition:all .3s ease;text-decoration:none}.project-link-btn.github{background:rgba(36,41,46,.8);color:#fff;border:1px solid hsla(0,0%,100%,.1)}.project-link-btn.github:hover{background:#24292e;transform:translateY(-3px);box-shadow:0 5px 10px -5px rgba(0,0,0,.5)}.project-link-btn.youtube{background:rgba(255,0,0,.8);color:#fff;border:1px solid rgba(255,0,0,.1)}.project-link-btn.youtube:hover{background:red;transform:translateY(-3px);box-shadow:0 5px 10px -5px rgba(0,0,0,.5)}.project-details-page.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:1.5rem}.loading-spinner{width:50px;height:50px;border:3px solid rgba(100,255,218,.2);border-top:3px solid var(--accent-color);border-radius:50%;animation:spin 1s linear infinite}.project-details-page.error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:1.5rem;text-align:center}.error-icon{font-size:3rem;color:#ff6b6b}@media (max-width:992px){.project-details-content{grid-template-columns:1fr}.project-sidebar{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width:768px){.project-title{font-size:1.8rem;padding:1.5rem 1.5rem 1rem}.project-description-section,.project-technologies-section{padding:1.5rem}.section-title{font-size:1.3rem}.project-sidebar{display:flex;flex-direction:column}}@media (max-width:480px){.project-details-header{flex-direction:column;align-items:flex-start;gap:1rem}.project-title{font-size:1.5rem;padding:1.2rem 1.2rem .8rem}.project-image-container{height:250px}}.standalone-project-details{width:100%;margin:0 auto;background:#0a192f;color:#e6f1ff;min-height:100vh;padding:3rem 2rem;position:relative}.standalone-project-details-header{display:flex;align-items:center;margin-bottom:3rem;padding-bottom:1rem;border-bottom:1px solid rgba(100,255,218,.1)}.standalone-back-button{background:none;border:none;color:#64ffda;font-size:1rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;transition:color .2s;font-weight:500}.standalone-back-button:hover{color:#fff}.standalone-project-header-block{display:flex;gap:3rem;align-items:flex-start;margin-bottom:2rem}.standalone-project-image-container{flex-shrink:0;width:180px;height:180px;border-radius:50%;overflow:hidden;background:#112240;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 25px rgba(0,0,0,.3);border:1px solid rgba(100,255,218,.1)}.standalone-project-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease;border-radius:50%}.standalone-project-image:hover{transform:scale(1.05)}.standalone-project-meta-block{flex:1 1}.standalone-project-title{font-size:2.2rem;font-weight:700;margin-bottom:1.5rem;color:#e6f1ff;line-height:1.2}.standalone-project-year{color:#64ffda;font-size:1rem;display:flex;align-items:center;gap:.5rem;font-weight:500}.standalone-project-video-container{margin:2rem 0;width:100%;aspect-ratio:16/9;background:#112240;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.3)}.standalone-project-video-container iframe{width:100%;height:100%;border:none}.standalone-project-description-section{margin-bottom:4rem;padding:1.8rem;background:rgba(17,34,64,.2);border-radius:12px;border:1px solid rgba(100,255,218,.1)}.standalone-section-title{font-size:1.3rem;font-weight:600;color:#64ffda;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.standalone-project-description{color:#e6f1ff;font-size:1rem;line-height:1.6;text-align:justify}.standalone-project-students-section{margin-bottom:4rem;margin-top:4rem}.standalone-students-list{display:flex;flex-wrap:wrap;gap:1.5rem}.standalone-student-item{display:flex;align-items:center;gap:.75rem;background:rgba(17,34,64,.6);border-radius:12px;padding:.8rem 1.2rem;border:1px solid rgba(100,255,218,.2);transition:all .2s;cursor:pointer;position:relative}.standalone-student-item:hover{background:rgba(17,34,64,.8);border-color:rgba(100,255,218,.4);transform:translateY(-2px);box-shadow:0 4px 12px rgba(100,255,218,.1)}.standalone-student-item:active{transform:translateY(0)}.standalone-student-item:after{content:"→";position:absolute;right:1rem;color:#64ffda;opacity:0;transition:opacity .2s;font-weight:700}.standalone-student-item:hover:after{opacity:1}.standalone-student-avatar{width:36px;height:36px;background:#64ffda;color:#0a192f;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;box-shadow:0 4px 12px rgba(100,255,218,.3)}.standalone-student-name{color:#e6f1ff;font-size:1rem;font-weight:500}.standalone-project-technologies-section{margin-bottom:4rem}.standalone-technologies-list{display:flex;flex-wrap:wrap;gap:1rem}.standalone-tech-tag{background:rgba(100,255,218,.1);color:#64ffda;border-radius:8px;padding:.5rem 1rem;font-size:.9rem;font-weight:500;border:1px solid rgba(100,255,218,.2);transition:all .2s}.standalone-tech-tag:hover{background:rgba(100,255,218,.2);border-color:rgba(100,255,218,.4);transform:translateY(-1px)}.standalone-project-university-section{margin-bottom:4rem}.standalone-university-info{background:rgba(17,34,64,.4);border-radius:12px;padding:1.5rem;border:1px solid rgba(100,255,218,.2)}.standalone-university-name{color:#64ffda;font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.standalone-department-name{color:#e6f1ff;font-size:1rem;opacity:.9}.standalone-project-links{display:flex;gap:1.5rem;margin-top:4rem;padding:1.8rem;background:rgba(17,34,64,.2);border-radius:12px;border:1px solid rgba(100,255,218,.1)}.standalone-project-link-btn{display:flex;align-items:center;gap:.75rem;background:#24292f;color:#fff;border:none;border-radius:12px;padding:.8rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px rgba(0,0,0,.2);text-decoration:none}.standalone-project-link-btn.github{background:linear-gradient(135deg,#24292f,#2f363d);border:1px solid hsla(0,0%,100%,.1)}.standalone-project-link-btn:hover{background:linear-gradient(135deg,#2f363d,#24292f);transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.3)}.standalone-loading-spinner{border:4px solid #112240;border-top-color:#64ffda;border-radius:50%;width:48px;height:48px;animation:spin 1s linear infinite;margin:4rem auto}.standalone-project-details.error{text-align:center;color:#ff6b6b;background:rgba(17,34,64,.3);border-radius:16px;padding:4rem 2rem;border:1px solid hsla(0,100%,71%,.2)}.standalone-project-details.error h2{font-size:1.6rem;margin-bottom:1rem}.standalone-project-details.error p{font-size:1rem;margin-bottom:2rem}.standalone-error-icon{font-size:3rem;margin-bottom:1.5rem;color:#ff6b6b}@media (max-width:768px){.standalone-project-details{padding:1.5rem 1rem}.standalone-project-header-block{flex-direction:column;gap:2rem;padding:2rem}.standalone-project-image-container{width:100%;height:220px}.standalone-project-title{font-size:1.8rem}.standalone-project-year{font-size:.9rem}.standalone-section-title{font-size:1.1rem}.standalone-project-description{font-size:.95rem}.standalone-project-description-section,.standalone-project-links,.standalone-project-students-section,.standalone-project-technologies-section,.standalone-project-university-section{padding:2rem}.standalone-students-list{gap:1rem}.standalone-student-item{padding:.6rem .8rem}.standalone-student-avatar{width:32px;height:32px;font-size:.9rem}.standalone-student-name{font-size:.9rem}.standalone-technologies-list{gap:.75rem}.standalone-tech-tag{padding:.4rem .8rem;font-size:.85rem}.standalone-university-name{font-size:1rem}.standalone-department-name{font-size:.9rem}.standalone-project-link-btn{padding:.7rem 1.5rem;font-size:.9rem}.standalone-back-button{font-size:.9rem}.standalone-project-details.error h2{font-size:1.4rem}.standalone-project-details.error p{font-size:.9rem}}.course-project-details-container{width:100%;margin:0 auto;background:#0a192f;color:#e6f1ff;min-height:100vh;padding:3rem 2rem;position:relative}.course-project-details-header{display:flex;align-items:center;margin-bottom:3rem;padding-bottom:1rem;border-bottom:1px solid rgba(100,255,218,.1)}.course-project-back-button{background:none;border:none;color:#64ffda;font-size:1rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;transition:color .2s;font-weight:500}.course-project-back-button:hover{color:#fff}.course-project-header-block{display:flex;gap:3rem;align-items:flex-start;margin-bottom:2rem;margin-top:20px}.course-project-image-container{flex-shrink:0;width:180px;height:180px;border-radius:50%;overflow:hidden;background:#112240;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 25px rgba(0,0,0,.3);border:1px solid rgba(100,255,218,.1)}.course-project-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease;border-radius:50%}.course-project-image:hover{transform:scale(1.05)}.course-project-meta-block{flex:1 1}.course-project-title{font-size:2.2rem;font-weight:700;margin-bottom:1.5rem;color:#e6f1ff;line-height:1.2}.course-project-course,.course-project-semester{margin-bottom:.5rem}.course-project-course,.course-project-semester,.course-project-university{color:#64ffda;font-size:1rem;display:flex;align-items:center;gap:.5rem;font-weight:500}.course-project-university-section{margin-bottom:4rem;padding:1.8rem;background:rgba(17,34,64,.2);border-radius:12px;border:1px solid rgba(100,255,218,.1)}.course-project-university-info{margin-top:1rem}.course-project-university-name{color:#e6f1ff;font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.course-project-department-name{color:#8892b0;font-size:1rem;margin:0}.course-project-video-container{margin:2rem 0;width:100%;aspect-ratio:16/9;background:#112240;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.3)}.course-project-video-container iframe{width:100%;height:100%;border:none}.course-project-description-section{margin-bottom:4rem}.course-project-section-title{font-size:1.3rem;font-weight:600;color:#64ffda;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.course-project-description{color:#e6f1ff;font-size:1rem;line-height:1.6;text-align:justify}.course-project-students-section{margin-bottom:4rem;margin-top:4rem}.course-project-students-list{display:flex;flex-wrap:wrap;gap:1.5rem}.course-project-student-item{display:flex;align-items:center;gap:.75rem;background:rgba(17,34,64,.6);border-radius:12px;padding:.8rem 1.2rem;border:1px solid rgba(100,255,218,.2);transition:all .2s;cursor:pointer;position:relative}.course-project-student-item:hover{background:rgba(17,34,64,.8);border-color:rgba(100,255,218,.4);transform:translateY(-2px);box-shadow:0 4px 12px rgba(100,255,218,.1)}.course-project-student-item:active{transform:translateY(0)}.course-project-student-item:after{position:absolute;right:1rem;color:#64ffda;opacity:0;transition:opacity .2s;font-weight:700}.course-project-student-item:hover:after{opacity:1}.course-project-student-avatar{width:36px;height:36px;background:#64ffda;color:#0a192f;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;box-shadow:0 4px 12px rgba(100,255,218,.3)}.course-project-student-name{color:#e6f1ff;font-size:1rem;font-weight:500}.standalone-course-project-technologies-section{margin-top:2rem;margin-bottom:4rem}.standalone-course-project-technologies-section h2{font-size:1.3rem;font-weight:600;color:#64ffda;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.course-project-technologies-list{display:flex;flex-wrap:wrap;gap:1rem}.course-project-tech-tag{background:rgba(100,255,218,.1);color:#64ffda;border-radius:8px;padding:.5rem 1rem;font-size:.9rem;font-weight:500;border:1px solid rgba(100,255,218,.2);transition:all .2s}.course-project-tech-tag:hover{background:rgba(100,255,218,.2);border-color:rgba(100,255,218,.4);transform:translateY(-1px)}.standalone-course-project-links{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:4rem;align-items:center;justify-content:center}.course-project-link-btn{display:flex;align-items:center;gap:.5rem;padding:.8rem 1.5rem;border-radius:8px;font-weight:600;text-decoration:none;transition:all .2s;cursor:pointer;border:none;font-size:1rem}.course-project-link-btn.github{background:#24292f;color:#fff;border:1px solid hsla(0,0%,100%,.1)}.course-project-link-btn.github:hover{background:#2f363d;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.3)}.course-project-loading-spinner{border:4px solid #112240;border-top-color:#64ffda;border-radius:50%;width:48px;height:48px;animation:spin 1s linear infinite;margin:4rem auto}.course-project-details-container.error{text-align:center;color:#ff6b6b;background:rgba(17,34,64,.3);border-radius:16px;padding:4rem 2rem;border:1px solid hsla(0,100%,71%,.2)}.course-project-details-container.error h2{font-size:1.6rem;margin-bottom:1rem}.course-project-details-container.error p{font-size:1rem;margin-bottom:2rem}.course-project-error-icon{font-size:3rem;margin-bottom:1.5rem;color:#ff6b6b}@media (max-width:768px){.course-project-details-container{padding:1.5rem 1rem}.course-project-header-block{flex-direction:column;gap:2rem;text-align:center}.course-project-image-container{width:150px;height:150px;margin:0 auto}.course-project-title{font-size:1.8rem}.course-project-course,.course-project-semester{justify-content:center}.course-project-description-section,.course-project-students-section,.standalone-course-project-links,.standalone-course-project-technologies-section{padding:2rem}.course-project-students-list{flex-direction:column}.course-project-student-item{justify-content:center}.standalone-course-project-links{flex-direction:column}.course-project-link-btn{justify-content:center}.course-project-details-container.error h2{font-size:1.4rem}.course-project-details-container.error p{font-size:.9rem}}.student-details-container{width:100%;background:#0a192f;color:#e6f1ff;min-height:100vh;padding:3rem 2rem;position:relative;margin:-100px auto 0}.student-details-header{display:flex;align-items:center;margin-bottom:3rem;padding-bottom:1rem;border-bottom:1px solid rgba(100,255,218,.1)}.student-details-back-button{background:none;border:none;color:#64ffda;font-size:1rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;transition:color .2s;font-weight:500}.student-details-back-button:hover{color:#fff}.student-details-header-block{display:flex;gap:3rem;align-items:flex-start;padding:3rem;margin-top:20px}.student-details-image-container{flex-shrink:0;width:200px;height:200px;border-radius:50%;overflow:hidden;background:#112240;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 25px rgba(0,0,0,.3);border:1px solid rgba(100,255,218,.1)}.student-details-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease;border-radius:50%}.student-details-image:hover{transform:scale(1.05)}.student-details-meta-block{flex:1 1}.student-details-name{font-size:2.2rem;font-weight:700;margin-bottom:1.5rem;color:#e6f1ff;line-height:1.2}.student-details-info{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.student-details-university,.student-details-year{color:#64ffda;font-size:1rem;display:flex;align-items:center;gap:.5rem;font-weight:500}.student-details-linkedin-btn{display:inline-flex;align-items:center;gap:.5rem;background:#0077b5;color:#fff;padding:.8rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:600;transition:all .2s;border:none;cursor:pointer}.student-details-linkedin-btn:hover{background:#005885;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,119,181,.3)}.student-details-bio-section{margin-bottom:4rem;background:rgba(17,34,64,.2);border-radius:12px;border:1px solid rgba(100,255,218,.1);padding:.8rem 1.8rem 1.8rem}.student-details-section-title{font-size:1.3rem;font-weight:600;color:#64ffda;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.student-details-bio{color:#e6f1ff;font-size:1rem;line-height:1.6;text-align:justify}.student-details-graduation-project-section{margin-bottom:4rem}.student-details-project-card{background:rgba(17,34,64,.4);border-radius:12px;padding:2rem;border:1px solid rgba(100,255,218,.2)}.student-details-project-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.student-details-project-title{font-size:1.5rem;font-weight:600;color:#e6f1ff;margin:0}.student-details-project-meta{display:flex;gap:1rem;flex-wrap:wrap}.student-details-project-semester,.student-details-project-year{background:rgba(100,255,218,.1);color:#64ffda;padding:.4rem .8rem;border-radius:6px;font-size:.9rem;font-weight:500}.student-details-project-description{color:#e6f1ff;font-size:1rem;line-height:1.6;margin-bottom:2rem}.student-details-project-video-container{margin:2rem 0;width:100%;aspect-ratio:16/9;background:#112240;border-radius:12px;overflow:hidden;box-shadow:0 8px 25px rgba(0,0,0,.3)}.student-details-project-video-container iframe{width:100%;height:100%;border:none}.student-details-project-technologies{margin-bottom:2rem}.student-details-project-technologies h4{color:#64ffda;font-size:1rem;margin-bottom:1rem}.student-details-technologies-list{display:flex;flex-wrap:wrap;gap:.8rem}.student-details-tech-tag{background:rgba(100,255,218,.1);color:#64ffda;border-radius:6px;padding:.4rem .8rem;font-size:.9rem;font-weight:500;border:1px solid rgba(100,255,218,.2);transition:all .2s}.student-details-tech-tag:hover{background:rgba(100,255,218,.2);border-color:rgba(100,255,218,.4);transform:translateY(-1px)}.student-details-project-links{display:flex;gap:1rem;flex-wrap:wrap}.student-details-project-link-btn{display:flex;align-items:center;gap:.5rem;padding:.8rem 1.5rem;border-radius:8px;font-weight:600;text-decoration:none;transition:all .2s;cursor:pointer;border:none;font-size:1rem}.student-details-project-link-btn.github{background:#24292f;color:#fff;border:1px solid hsla(0,0%,100%,.1)}.student-details-project-link-btn.github:hover{background:#2f363d;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.3)}.student-details-project-link-btn.view-project{background:linear-gradient(135deg,#64ffda,#43e6b5);color:#0a192f;font-weight:600}.student-details-project-link-btn.view-project:hover{background:linear-gradient(135deg,#43e6b5,#64ffda);transform:translateY(-2px);box-shadow:0 4px 12px rgba(100,255,218,.3)}.student-details-course-projects-section{margin-bottom:4rem}.student-details-course-projects-list{display:grid;grid-gap:2rem;gap:2rem}.student-details-course-project-card{background:rgba(17,34,64,.4);border-radius:12px;padding:2rem;border:1px solid rgba(100,255,218,.2);transition:all .2s}.student-details-course-project-card:hover{border-color:rgba(100,255,218,.4);transform:translateY(-2px)}.student-details-course-project-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;flex-wrap:wrap;gap:1rem}.student-details-course-project-title{font-size:1.2rem;font-weight:600;color:#e6f1ff;margin:0}.student-details-course-project-meta{display:flex;gap:1rem;flex-wrap:wrap}.student-details-course-name,.student-details-course-semester{background:rgba(100,255,218,.1);color:#64ffda;padding:.3rem .6rem;border-radius:4px;font-size:.8rem;font-weight:500}.student-details-course-project-description{color:#e6f1ff;font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.student-details-course-project-technologies{margin-bottom:1.5rem}.student-details-course-project-video-container{width:100%;aspect-ratio:16/9;background:#112240;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.2)}.student-details-course-project-video-container iframe{width:100%;height:100%;border:none}.student-details-course-project-links{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1.5rem}.student-details-course-project-link-btn{display:flex;align-items:center;gap:.5rem;padding:.8rem 1.5rem;border-radius:8px;font-weight:600;text-decoration:none;transition:all .2s;cursor:pointer;border:none;font-size:1rem}.student-details-course-project-link-btn.github{background:#24292f;color:#fff;border:1px solid hsla(0,0%,100%,.1)}.student-details-course-project-link-btn.github:hover{background:#2f363d;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.3)}.student-details-course-project-link-btn.view-full{background:linear-gradient(135deg,#64ffda,#43e6b5);color:#0a192f;font-weight:600}.student-details-course-project-link-btn.view-full:hover{background:linear-gradient(135deg,#43e6b5,#64ffda);transform:translateY(-2px);box-shadow:0 4px 12px rgba(100,255,218,.3)}.student-details-stats-section{margin-bottom:4rem}.student-details-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:2rem;gap:2rem}.student-details-stat-item{background:rgba(17,34,64,.4);border-radius:12px;padding:2rem;text-align:center;border:1px solid rgba(100,255,218,.2);transition:all .2s}.student-details-stat-item:hover{border-color:rgba(100,255,218,.4);transform:translateY(-2px)}.student-details-stat-number{font-size:2rem;font-weight:700;color:#64ffda;margin-bottom:.5rem}.student-details-stat-label{color:#e6f1ff;font-size:1rem;font-weight:500}.student-details-loading-spinner{border:4px solid #112240;border-top-color:#64ffda;border-radius:50%;width:48px;height:48px;animation:spin 1s linear infinite;margin:4rem auto}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.student-details-container.error{text-align:center;color:#ff6b6b;background:rgba(17,34,64,.3);border-radius:16px;padding:4rem 2rem;border:1px solid hsla(0,100%,71%,.2)}.student-details-container.error h2{font-size:1.6rem;margin-bottom:1rem}.student-details-container.error p{font-size:1rem;margin-bottom:2rem}.student-details-error-icon{font-size:3rem;margin-bottom:1.5rem;color:#ff6b6b}@media (max-width:768px){.student-details-container{padding:1.5rem 1rem}.student-details-header-block{flex-direction:column;gap:2rem;padding:2rem;text-align:center}.student-details-image-container{width:150px;height:150px;margin:0 auto}.student-details-name{font-size:1.8rem}.student-details-info{align-items:center}.student-details-project-header{flex-direction:column;align-items:flex-start}.student-details-project-title{font-size:1.3rem}.student-details-bio-section,.student-details-course-projects-section,.student-details-graduation-project-section,.student-details-stats-section{padding:2rem}.student-details-stats-grid{grid-template-columns:1fr;gap:1.5rem}.student-details-project-links{flex-direction:column}.student-details-project-link-btn{justify-content:center}.student-details-container.error h2{font-size:1.4rem}.student-details-container.error p{font-size:.9rem}}.training-page{padding:4rem 2rem;max-width:1200px;margin:0 auto}.training-page h1{text-align:center;color:var(--text-primary);margin-bottom:1rem}.training-intro{text-align:center;color:var(--text-secondary);max-width:800px;margin:0 auto 3rem;font-size:1.2rem}.training-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));grid-gap:2rem;gap:2rem}.training-card{background:var(--bg-secondary);border-radius:12px;overflow:hidden;border:1px solid var(--blue-tint);transition:all .3s ease}.training-card:hover{transform:translateY(-5px);border-color:var(--accent-color);box-shadow:var(--shadow-lg)}.training-header{background:var(--bg-tertiary);padding:1.5rem;display:flex;align-items:center;gap:1rem}.company-icon{font-size:2rem;color:var(--accent-color)}.training-header h2{color:var(--text-primary);margin:0;font-size:1.3rem}.training-details{padding:1.5rem}.training-details h3{color:var(--accent-color);margin:0 0 1rem;font-size:1.2rem}.training-info{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.training-info span{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.9rem}.training-info svg{color:var(--accent-color)}.training-details p{color:var(--text-secondary);line-height:1.6;margin:0}@media (max-width:768px){.training-page{padding:2rem 1rem}.training-grid{grid-template-columns:1fr}}