:root{--primary:#4361ee;--secondary:#3a0ca3;--accent:#f72585;--light:#f8f9fa;--dark:#212529;--success:#4cc9f0;--border-radius:16px;--box-shadow:0 8px 30px #0000001f;--transition:all .4s cubic-bezier(0.175,0.885,0.32,1.275);--gradient-primary:linear-gradient(135deg,#4361ee,#3a0ca3);--gradient-primary-header:#fff;--gradient-primary-fill:linear-gradient(135deg,#272727,#000);--gradient-accent:linear-gradient(135deg,#f72585,#b5179e);--gradient-rainbow:linear-gradient(90deg,#FF6B6B,#FFE66D,#4ECDC4,#4361EE,#9D4EDD);--cursor-primary:#4361ee;--cursor-accent:#f72585;--cursor-trail-1:#4361eeb3;--cursor-trail-2:#f7258580;--cursor-trail-3:#4cc9f066}*{margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;cursor:none!important}button,input[type="date"],.btn,a,.language-option,.social-btn,.fab,.scroll-indicator,.calc-btn{cursor:none!important}.custom-cursor{position:fixed;top:0;left:0;width:20px;height:20px;border-radius:50%;background:var(--gradient-primary);pointer-events:none;z-index:99999;mix-blend-mode:difference;transform:translate(-50%,-50%);transition:transform 0.1s,width 0.3s,height 0.3s,background .3s;box-shadow:0 0 20px #4361eecc 0 0 40px #4361ee66 inset 0 0 15px #fff3;animation:cursorPulse 2s infinite alternate}@keyframes cursorPulse{0%{transform:translate(-50%,-50%) scale(1);box-shadow:0 0 20px #4361eecc 0 0 40px #4361ee66}100%{transform:translate(-50%,-50%) scale(1.1);box-shadow:0 0 25px #4361eeff 0 0 50px #4361ee99}}.custom-cursor.hover{width:40px;height:40px;background:var(--gradient-accent);mix-blend-mode:normal;animation:cursorHover .5s infinite alternate}@keyframes cursorHover{0%{transform:translate(-50%,-50%) scale(1);filter:hue-rotate(0deg)}100%{transform:translate(-50%,-50%) scale(1.2);filter:hue-rotate(45deg)}}.custom-cursor.click{width:50px;height:50px;background:var(--gradient-rainbow);animation:cursorClick .3s forwards}@keyframes cursorClick{0%{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(0.7);opacity:.7}100%{transform:translate(-50%,-50%) scale(1);opacity:1}}.cursor-trail{position:fixed;width:8px;height:8px;border-radius:50%;pointer-events:none;z-index:99998;transform:translate(-50%,-50%);animation:trailFade .8s forwards}@keyframes trailFade{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-50%) scale(0.1)}}.click-ripple{position:fixed;width:10px;height:10px;border-radius:50%;pointer-events:none;z-index:99997;transform:translate(-50%,-50%);animation:rippleEffect .8s cubic-bezier(0.175,0.885,0.32,1.275) forwards}@keyframes rippleEffect{0%{width:10px;height:10px;opacity:1;box-shadow:0 0 0 0 #4361eeb3 0 0 0 0 #f7258580 0 0 0 0 #4cc9f04d}100%{width:200px;height:200px;opacity:0;box-shadow:0 0 0 20px #4361ee00 0 0 0 40px #f7258500 0 0 0 60px #4cc9f000}}.click-sparkle{position:fixed;width:6px;height:6px;background:#fff;border-radius:50%;pointer-events:none;z-index:99996;animation:sparkleFly .6s forwards;box-shadow:0 0 10px 2px #fffc}@keyframes sparkleFly{0%{transform:translate(0,0) scale(1);opacity:1}100%{transform:translate(var(--sparkle-x),var(--sparkle-y)) scale(0);opacity:0}}.click-particle{position:fixed;width:4px;height:4px;border-radius:50%;pointer-events:none;z-index:99995;animation:particleExplode .8s forwards}@keyframes particleExplode{0%{transform:translate(0,0) scale(1);opacity:1}100%{transform:translate(var(--particle-x),var(--particle-y)) scale(0);opacity:0}}.magic-dust{position:fixed;width:3px;height:3px;background:#ffd700;border-radius:50%;pointer-events:none;z-index:99994;animation:dustFloat 2s forwards}@keyframes dustFloat{0%{transform:translate(0,0) rotate(0deg);opacity:1}100%{transform:translate(var(--dust-x),var(--dust-y)) rotate(720deg);opacity:0}}.click-celebration{position:fixed;font-size:2rem;pointer-events:none;z-index:99993;animation:celebrationFloat 1.5s forwards;opacity:0;text-shadow:0 0 10px currentColor}@keyframes celebrationFloat{0%{transform:translateY(0) scale(0.5);opacity:1}70%{opacity:1}100%{transform:translateY(-100px) scale(1.5);opacity:0}}.trail-line{position:fixed;height:3px;border-radius:2px;pointer-events:none;z-index:99990;transform-origin:left center;animation:trailLineFade .6s forwards;background:linear-gradient(90deg,transparent,var(--cursor-primary),transparent)}@keyframes trailLineFade{0%{opacity:.8;transform:rotate(var(--trail-angle)) scaleX(1)}100%{opacity:0;transform:rotate(var(--trail-angle)) scaleX(0)}}.cursor-follower{position:fixed;width:60px;height:60px;border:2px solid #4361ee4d;border-radius:50%;pointer-events:none;z-index:99989;transform:translate(-50%,-50%);transition:transform .2s ease-out;animation:followerOrbit 3s infinite linear}@keyframes followerOrbit{0%{transform:translate(-50%,-50%) rotate(0deg) scale(1);border-color:#4361ee4d}50%{transform:translate(-50%,-50%) rotate(180deg) scale(1.1);border-color:#f725854d}100%{transform:translate(-50%,-50%) rotate(360deg) scale(1);border-color:#4361ee4d}}@media (hover: none) and (pointer: coarse){.custom-cursor,.cursor-trail,.click-ripple,.click-sparkle,.click-particle,.magic-dust,.click-celebration,.trail-line,.cursor-follower{display:none!important}*{cursor:auto!important}}body{background:linear-gradient(135deg,#f5f7ff 0%,#e3e6ff 100%);color:var(--dark);line-height:1.6;min-height:100vh;padding-bottom:2rem;overflow-x:hidden}.particles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 20px;position:relative}header{background:var(--gradient-primary-header);color:#000;padding:.5rem 0;box-shadow:var(--box-shadow);position:relative;overflow:hidden;animation:slideDown .8s ease-out}@keyframes slideDown{from{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}header::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,transparent 30%,#ffffff1a 70%);transform:rotate(30deg);animation:rotateBackground 20s linear infinite}@keyframes rotateBackground{0%{transform:rotate(30deg)}100%{transform:rotate(390deg)}}.header-content{display:flex;justify-content:space-between;align-items:center;position:relative}.logo{font-size:1.8rem;font-weight:700;display:flex;align-items:center;animation:pulse 2s infinite}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}.logo i{margin-right:10px;color:#4cc9f0}.heart-pulse{display:inline-block;animation:heartBeat 1.5s ease-in-out infinite;text-shadow:0 0 10px #f7258580}@keyframes heartBeat{0%,100%{transform:scale(1);color:#f72585}50%{transform:scale(1.3);color:#ff006e;text-shadow:0 0 20px #f72585cc}}.language-selector{position:relative}.language-btn{background:#b4b4b433;border:1px solid #ffffff4d;color:#000;padding:7px 20px;border-radius:20px;cursor:pointer;display:flex;align-items:center;transition:var(--transition);font-weight:500;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0)}40%{transform:translateY(-5px)}60%{transform:translateY(-3px)}}.language-btn:hover{background:#0000004d;transform:translateY(-2px) scale(1.05);animation:none}.language-btn i{margin-right:8px}.language-btn .text{display:inline}.language-btn .hamburger{display:none}.language-popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;visibility:hidden;transition:var(--transition);backdrop-filter:blur(5px)}.language-popup-overlay.show{opacity:1;visibility:visible}.language-popup{background:#fff;border-radius:var(--border-radius);width:90%;max-width:450px;max-height:80vh;overflow:hidden;box-shadow:var(--box-shadow);transform:translateY(-20px) scale(0.9);transition:var(--transition)}.language-popup-overlay.show .language-popup{transform:translateY(0) scale(1)}.language-popup-header{background:var(--gradient-primary);color:#fff;padding:1.1rem;text-align:center;position:relative}.language-popup-header h3{margin:0;font-size:1.3rem}.close-popup{position:absolute;top:15px;right:15px;background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;transition:var(--transition)}.close-popup:hover{transform:scale(1.1) rotate(90deg)}.language-list{padding:1rem;max-height:300px;overflow-y:auto}.language-option{display:block;padding:12px 15px;color:var(--dark);text-decoration:none;border-bottom:1px solid #eee;transition:var(--transition);border-radius:8px;margin-bottom:5px;transform-origin:left}.language-option:hover{background:#f5f7ff;color:var(--primary);transform:translateX(5px) scale(1.02)}.language-option:last-child{border-bottom:none}.hero{padding:3rem 0;text-align:center;animation:fadeIn 1s ease-out}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes colorShift{0%{background:linear-gradient(to right,var(--primary),var(--accent))}100%{background:linear-gradient(to right,var(--accent),var(--primary))}}.hero p{font-size:1.3rem;max-width:800px;margin:0 auto 2rem;color:#555}.calculator-card{background:#fff;border-radius:var(--border-radius);padding:3rem;box-shadow:var(--box-shadow);width:75%;max-width:900px;margin:0 auto;position:relative;overflow:hidden;border:1px solid #4361ee1a;animation:cardFloat 3s ease-in-out infinite;transform-style:preserve-3d;perspective:1000px}@keyframes cardFloat{0%,100%{transform:translateY(0) rotateX(0)}50%{transform:translateY(-10px) rotateX(1deg)}}.calculator-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:5px;background:var(--gradient-primary);animation:rainbowBorder 3s linear infinite}@keyframes rainbowBorder{0%{background:var(--gradient-primary)}25%{background:linear-gradient(135deg,#f72585,#b5179e)}50%{background:linear-gradient(135deg,#4cc9f0,#4361ee)}75%{background:linear-gradient(135deg,#3a0ca3,#7209b7)}100%{background:var(--gradient-primary)}}.input-group{margin-bottom:2rem;text-align:left;position:relative}.optional-label{color:#666;font-style:italic;font-size:.9rem;margin-left:5px;font-weight:400}.input-group label{display:block;margin-bottom:.8rem;font-weight:600;color:var(--secondary);font-size:1.1rem}.input-group input{width:100%;padding:14px;border:2px solid #e6e6ff;border-radius:var(--border-radius);font-size:1rem;outline:none;transition:var(--transition);background:#fafbff;transform-origin:center}.input-group input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4361ee33;background:#fff;transform:scale(1.02)}.btn,a.btn{background:var(--gradient-primary);color:#fff;border:none;padding:16px 28px;border-radius:var(--border-radius);font-size:1.1rem;font-weight:600;cursor:pointer;transition:var(--transition);display:inline-block;text-align:center;position:relative;overflow:hidden;text-decoration:none;transform-style:preserve-3d;transform:translateZ(0)}.btn::before,a.btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,#ffffff4d,transparent);transition:var(--transition)}.btn:hover::before,a.btn:hover::before{left:100%}.btn:hover,a.btn:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 15px 30px #0003;color:#fff}.btn:active,a.btn:active{transform:translateY(-2px) scale(0.98)}.btn-block,a.btn-block{display:block;width:100%}.btn-secondary,a.btn-secondary{background:var(--gradient-accent)}.btn-secondary:hover,a.btn-secondary:hover{box-shadow:0 15px 30px #f725854d}.result{margin-top:2.5rem;padding:2.5rem;background:linear-gradient(to bottom,#f0f7ff,#e1eeff);border-radius:var(--border-radius);text-align:center;display:none;opacity:0;transform:translateY(20px) scale(0.95);transition:all .8s cubic-bezier(0.175,0.885,0.32,1.275);border:1px solid #4361ee1a;position:relative;overflow:hidden}.result.show{display:block;opacity:1;transform:translateY(0) scale(1);animation:resultPopIn .8s ease-out}@keyframes resultPopIn{0%{transform:translateY(50px) scale(0.8);opacity:0}70%{transform:translateY(-10px) scale(1.02)}100%{transform:translateY(0) scale(1);opacity:1}}.result h3{color:var(--secondary);margin-bottom:1.5rem;font-size:1.5rem}.age-result{font-size:4rem;font-weight:800;color:var(--primary);margin:1.5rem 0 .5rem;text-shadow:1px 1px 3px #0000001a;animation:numberGlow 2s infinite alternate}@keyframes numberGlow{0%{text-shadow:0 0 5px #4361ee4d}100%{text-shadow:0 0 20px #4361ee99 0 0 30px #4361ee66}}.age-subresult{font-size:1.3rem;color:#666;margin-bottom:1.5rem;font-weight:500}.progress-circles{display:flex;justify-content:space-around;margin:2.5rem 0;flex-wrap:wrap}.circle-container{text-align:center;margin:15px 25px;position:relative}.circle{position:relative;width:150px;height:150px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 15px;transition:all 1.5s cubic-bezier(0.68,-0.55,0.27,1.55);box-shadow:0 8px 20px #0000001a;animation:circlePulse 3s infinite}@keyframes circlePulse{0%,100%{box-shadow:0 8px 20px #0000001a}50%{box-shadow:0 12px 30px #00000026}}.circle-canvas{position:absolute;top:0;left:0;width:100%;height:100%}.circle::before{content:'';position:absolute;width:130px;height:130px;background:#fff;border-radius:50%;box-shadow:inset 0 0 10px #0000000d}.circle-content{position:relative;z-index:1;font-weight:700;color:var(--primary);font-size:1.8rem;animation:numberCount 2s ease-out}@keyframes numberCount{from{opacity:0;transform:scale(0.5)}to{opacity:1;transform:scale(1)}}.circle-title{font-weight:600;color:var(--secondary);margin-bottom:5px;font-size:1.2rem}.circle-subtitle{font-size:1rem;color:#777}.age-details{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:2.5rem 0}.age-row{grid-column:1 / -1;display:grid;grid-template-columns:1fr;gap:20px}@media (min-width: 768px){.age-row{grid-template-columns:repeat(2,1fr)}}.age-box{background:#fff;padding:1.8rem 1.2rem;border-radius:var(--border-radius);box-shadow:0 4px 12px #00000014;animation:fadeInUp .6s ease-out;border:1px solid #4361ee1a;text-align:center;transition:var(--transition);transform-style:preserve-3d}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.age-box:hover{transform:translateY(-5px) rotateX(5deg) rotateY(5deg);box-shadow:0 15px 30px #00000026}.age-box .number{font-size:2.5rem;font-weight:700;color:var(--accent);margin-bottom:8px;animation:countUp 1s ease-out}@keyframes countUp{from{opacity:0;transform:translateY(20px) scale(0.8)}to{opacity:1;transform:translateY(0) scale(1)}}.age-box .label{font-size:1rem;color:#777;font-weight:600}.seconds-card{margin-top:1.5rem;padding:1.8rem;background:#fff;border-radius:var(--border-radius);box-shadow:0 4px 12px #00000014;border:1px solid #4361ee1a;text-align:center;transition:var(--transition);animation:pulse 2s infinite}.seconds-card:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 10px 25px #00000026}.seconds-card .label{font-size:1.1rem;color:#777;margin-bottom:.5rem}.seconds-card .seconds{font-size:2rem;font-weight:700;color:var(--primary);animation:heartbeat 1.5s infinite}@keyframes heartbeat{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}.day-of-week-card{margin-top:1.5rem;padding:1.8rem;background:#fff;border-radius:var(--border-radius);box-shadow:0 4px 12px #00000014;border:1px solid #4361ee1a;text-align:center;transition:var(--transition)}.day-of-week-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px #00000026}.day-of-week-card .label{font-size:1.1rem;color:#777;margin-bottom:.5rem}.day-of-week-card .day{font-size:2rem;font-weight:700;color:var(--primary);animation:rainbowText 3s infinite linear}@keyframes rainbowText{0%{color:#4361ee}25%{color:#3a0ca3}50%{color:#f72585}75%{color:#4cc9f0}100%{color:#4361ee}}.zodiac-section{display:flex;justify-content:center;gap:25px;margin-top:2rem;flex-wrap:wrap}.zodiac-card{background:#fff;border-radius:var(--border-radius);padding:1.8rem;box-shadow:0 4px 12px #00000014;border:1px solid #4361ee1a;text-align:center;min-width:180px;transition:var(--transition);animation:cardAppear .6s ease-out}@keyframes cardAppear{from{opacity:0;transform:translateY(30px) rotateY(90deg)}to{opacity:1;transform:translateY(0) rotateY(0)}}.zodiac-card:hover{transform:translateY(-5px) rotateY(10deg);box-shadow:0 15px 30px #00000026}.zodiac-card .label{font-size:1.1rem;color:#777;margin-bottom:.8rem}.zodiac-card .sign{font-size:1.6rem;font-weight:700;color:var(--primary)}.scroll-indicator{position:fixed;bottom:30px;right:30px;text-align:center;display:none;animation:bounce 2s infinite,float 3s ease-in-out infinite;z-index:1000;background:linear-gradient(135deg,#fffffff2,#f0f5ffe6);padding:18px;border-radius:20px;box-shadow:0 15px 50px #4361ee40 0 0 0 2px #4361ee26 inset 0 0 0 1px #fffc 0 0 40px #f7258526;border:1px solid #4361ee33;max-width:200px;cursor:pointer;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);transform-style:preserve-3d;overflow:hidden;transition:var(--transition);transform:scale(1);perspective:500px}.scroll-indicator:hover{transform:translateY(-8px) scale(1.08) rotateX(5deg);box-shadow:0 25px 60px #4361ee59 0 0 0 2px #4361ee40 inset 0 0 0 1px #ffffffe6 0 0 60px #f7258540;animation:bounceHover 1.5s infinite,float 2s ease-in-out infinite}@keyframes bounceHover{0%,100%{transform:translateY(-8px) scale(1.08) rotateX(5deg)}50%{transform:translateY(-12px) scale(1.1) rotateX(8deg)}}.scroll-indicator.show{display:block;animation:fadeInUp .5s ease-out,bounce 2s infinite 0.5s,float 3s ease-in-out infinite .5s}.scroll-indicator-content{position:relative;z-index:2;transform-style:preserve-3d}.scroll-progress-circle{position:relative;width:70px;height:70px;margin:0 auto 15px;transform-style:preserve-3d}.progress-ring{transform:rotate(-90deg);filter:drop-shadow(0 5px 15px #4361ee66)}.progress-ring-circle{transition:stroke-dashoffset .3s cubic-bezier(0.34,1.56,0.64,1);stroke-dasharray:163.36;stroke-dashoffset:163.36;stroke-linecap:round;stroke-width:4;stroke:url(#gradient)}.progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.2rem;font-weight:800;color:var(--primary);text-shadow:0 2px 10px #4361ee4d 0 0 20px #fffc;animation:percentagePulse 1.5s infinite}@keyframes percentagePulse{0%,100%{transform:translate(-50%,-50%) scale(1);text-shadow:0 2px 10px #4361ee4d}50%{transform:translate(-50%,-50%) scale(1.1);text-shadow:0 2px 20px #4361ee99}}.scroll-indicator-text{margin-bottom:15px}.scroll-title{margin:0 0 8px;font-size:1.1rem;font-weight:800;background:linear-gradient(135deg,#4361ee 0%,#3a0ca3 25%,#f72585 50%,#4cc9f0 75%,#4361ee 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:rainbowTitle 4s linear infinite,titleFloat 3s ease-in-out infinite;background-size:200% 200%;text-shadow:0 2px 4px #0000001a}@keyframes rainbowTitle{0%{background-position:0 50%}100%{background-position:200% 50%}}@keyframes titleFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}.scroll-subtitle{margin:0 0 12px;font-size:.9rem;color:#555;font-weight:500}.scroll-stats{display:inline-flex;align-items:center;gap:5px;background:linear-gradient(135deg,#4361ee26,#f725851a);padding:6px 12px;border-radius:15px;color:var(--primary);backdrop-filter:blur(5px);border:1px solid #4361ee1a}.stat-number{font-weight:800;color:var(--accent);animation:numberFlip 2s infinite;display:inline-block}@keyframes numberFlip{0%,100%{transform:scale(1) rotate(0deg)}50%{transform:scale(1.2) rotate(5deg)}}.scroll-progress-bar{width:100%;height:8px;background:#4361ee1a;border-radius:4px;overflow:hidden;margin:12px 0 0;position:relative;box-shadow:inset 0 0 5px #0000001a}.progress-fill{height:100%;background:linear-gradient(90deg,#4361ee,#3a0ca3,#f72585,#4cc9f0);border-radius:4px;width:0;transition:width .3s cubic-bezier(0.34,1.56,0.64,1);position:relative;overflow:hidden;animation:rainbowProgress 3s linear infinite;background-size:300% 100%}@keyframes rainbowProgress{0%{background-position:0 0}100%{background-position:300% 0}}.progress-fill::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,#fff9,transparent);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{left:-100%}100%{left:100%}}.scroll-arrows{position:relative;margin-top:10px;height:35px}.arrow-line{position:absolute;top:0;left:50%;transform:translateX(-50%);width:3px;height:25px;background:linear-gradient(to bottom,var(--primary),transparent);animation:linePulse 1.5s infinite;border-radius:2px}@keyframes linePulse{0%,100%{height:20px;opacity:.4;filter:blur(0px)}50%{height:30px;opacity:1;filter:blur(1px)}}.arrow-down{position:absolute;bottom:0;left:50%;transform:translateX(-50%) rotate(45deg);width:12px;height:12px;border-right:3px solid var(--accent);border-bottom:3px solid var(--accent);animation:arrowBounce 1.5s infinite;filter:drop-shadow(0 0 5px #f7258580)}@keyframes arrowBounce{0%,100%{bottom:0;opacity:.6;transform:translateX(-50%) rotate(45deg) scale(1)}50%{bottom:-8px;opacity:1;transform:translateX(-50%) rotate(45deg) scale(1.2)}}.scroll-glow{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,#4361ee33 0%,#f7258526 30%,transparent 70%);z-index:1;animation:glowPulse 3s infinite alternate;border-radius:inherit;filter:blur(10px)}@keyframes glowPulse{0%{opacity:.4;transform:scale(1)}100%{opacity:.8;transform:scale(1.1)}}.scroll-particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.scroll-particle{position:absolute;width:3px;height:3px;background:var(--primary);border-radius:50%;animation:particleFloat 8s infinite linear;opacity:0}@keyframes particleFloat{0%{transform:translateY(0) translateX(0);opacity:0}10%{opacity:.5}90%{opacity:.5}100%{transform:translateY(-100px) translateX(var(--particle-x));opacity:0}}@keyframes float{0%,100%{transform:translateY(0) rotate(0) scale(1)}33%{transform:translateY(-12px) rotate(2deg) scale(1.03)}66%{transform:translateY(-6px) rotate(-2deg) scale(0.97)}}@media (max-width: 768px){.scroll-indicator{bottom:15px;right:15px;max-width:60px;max-height:60px;padding:0;border-radius:50%;transform:scale(0.6);box-shadow:0 5px 20px #4361ee33 inset 0 0 0 1px #ffffff80;border:1px solid #4361ee26;animation:mobileFloat 3s ease-in-out infinite}@keyframes mobileFloat{0%,100%{transform:translateY(0) scale(0.6)}50%{transform:translateY(-5px) scale(0.65)}}.scroll-indicator:hover{transform:scale(0.7);animation:mobileFloatHover 2s ease-in-out infinite}.scroll-indicator-text,.scroll-progress-bar,.scroll-arrows,.scroll-title,.scroll-subtitle,.scroll-stats{display:none!important}.scroll-indicator-content{width:60px;height:60px}.scroll-progress-circle{width:60px;height:60px;margin:0}.progress-ring{width:60px;height:60px}.progress-ring-circle{r:28;cx:30;cy:30;stroke-dasharray:175.93;stroke-dashoffset:175.93;stroke-width:3}.progress-text{font-size:.9rem;font-weight:700;animation:mobilePercentagePulse 1.5s infinite}.mobile-progress-bar{display:block!important;position:absolute;bottom:-2px;left:10%;width:80%;height:3px;background:#4361ee1a;border-radius:1.5px;overflow:hidden}.mobile-progress-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:1.5px;width:0;transition:width .3s ease}.scroll-indicator::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;padding:2px;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;animation:borderRotate 4s linear infinite}@keyframes mobileFloatHover{0%,100%{transform:scale(0.7)}50%{transform:scale(0.75)}}@keyframes mobilePercentagePulse{0%,100%{transform:translate(-50%,-50%) scale(1);opacity:.9}50%{transform:translate(-50%,-50%) scale(1.1);opacity:1}}@keyframes borderRotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}}@media (max-width: 480px){.scroll-indicator{bottom:10px;right:10px;max-width:50px;max-height:50px;transform:scale(0.5)}.scroll-indicator:hover{transform:scale(0.55)}.scroll-indicator-content{width:50px;height:50px}.scroll-progress-circle{width:50px;height:50px}.progress-ring{width:50px;height:50px}.progress-ring-circle{r:23;cx:25;cy:25;stroke-dasharray:144.51;stroke-dashoffset:144.51;stroke-width:2.5}.progress-text{font-size:.8rem}.mobile-progress-bar{left:12%;width:76%;height:2px}}@media (max-height: 600px) and (max-width: 768px){.scroll-indicator{bottom:8px;right:8px;max-width:45px;max-height:45px;transform:scale(0.45)}.scroll-indicator:hover{transform:scale(0.5)}}@media (prefers-color-scheme: dark){.scroll-indicator{background:linear-gradient(135deg,#212529f2,#282c34e6);border:1px solid #4361ee4d;box-shadow:0 15px 50px #0006 0 0 0 2px #4361ee40 inset 0 0 0 1px #ffffff1a}.scroll-subtitle{color:#bbb}.scroll-stats{background:linear-gradient(135deg,#4361ee40,#f7258533);border:1px solid #4361ee33}.scroll-progress-bar{background:#4361ee26}}.celebration{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9998;display:none}.confetti{position:absolute;width:10px;height:20px;background:var(--gradient-rainbow);opacity:.8;animation:confettiFall 5s linear forwards}@keyframes confettiFall{0%{transform:translateY(-100px) rotate(0deg);opacity:1}100%{transform:translateY(100vh) rotate(720deg);opacity:0}}.sparkle{position:absolute;width:4px;height:4px;background:#ffd700;border-radius:50%;animation:sparkle 1s infinite}@keyframes sparkle{0%,100%{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}}.social-sharing{text-align:center;margin:2.5rem 0;display:none;animation:fadeIn .8s ease}.social-sharing h3{margin-bottom:1.5rem;color:var(--secondary);font-size:1.5rem}.social-buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:15px;margin-top:1.5rem}.social-btn{display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;padding:0;border-radius:50%;margin:5px;font-size:1.5rem;transition:var(--transition);transform-style:preserve-3d}.social-btn:hover{transform:translateY(-10px) rotateY(20deg) scale(1.1);box-shadow:0 15px 25px #0003}.twitter{background:#000}.facebook{background:#3b5998}.whatsapp{background:#25D366}.linkedin{background:#0077B5}.pinterest{background:#BD081C}.reddit{background:#FF5700}.email{background:#777}.fab{position:fixed;bottom:30px;left:30px;width:60px;height:60px;background:var(--gradient-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:0 4px 15px #4361ee4d;cursor:pointer;z-index:1000;transition:var(--transition);animation:fabPulse 2s infinite;display:none}@keyframes fabPulse{0%,100%{transform:scale(1);box-shadow:0 4px 15px #4361ee4d}50%{transform:scale(1.1);box-shadow:0 6px 20px #4361ee80}}.fab:hover{transform:scale(1.2) rotate(15deg);animation:none}.age-ticker{position:fixed;top:10px;left:50%;transform:translateX(-50%);background:#ffffffe6;padding:10px 20px;border-radius:25px;box-shadow:0 4px 15px #0000001a;font-size:1.2rem;font-weight:600;color:var(--primary);z-index:1000;display:none;animation:tickerSlide .5s ease-out}@keyframes tickerSlide{from{transform:translateX(-50%) translateY(-100%);opacity:0}to{transform:translateX(-50%) translateY(0);opacity:1}}.overlay-spinner{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fffffff2;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999;opacity:0;visibility:hidden;transition:opacity 0.5s,visibility .5s;backdrop-filter:blur(10px)}.overlay-spinner.show{opacity:1;visibility:visible}.overlay-spinner svg{font-size:5rem;color:var(--primary);animation:spin 1.5s linear infinite,colorChange 3s infinite alternate;margin-bottom:1.5rem}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes colorChange{0%{color:var(--primary)}50%{color:var(--accent)}100%{color:var(--success)}}.overlay-spinner p{font-size:1.2rem;color:var(--secondary);font-weight:500;animation:fadeInOut 2s infinite}@keyframes fadeInOut{0%,100%{opacity:.5}50%{opacity:1}}.age-comparison{background:#fff;border-radius:var(--border-radius);padding:3rem;box-shadow:var(--box-shadow);margin:3rem auto 4rem;max-width:1000px;border:1px solid #4361ee1a;display:none}.age-comparison.show{display:block;animation:fadeIn 1s ease}.comparison-chart{display:flex;justify-content:space-between;align-items:flex-end;height:300px;margin-top:2rem;padding:0 2rem}.comparison-bar{width:60px;background:var(--gradient-primary);border-radius:8px 8px 0 0;position:relative;transition:var(--transition);transform-origin:bottom;animation:barGrow 1s ease-out}@keyframes barGrow{from{height:0;opacity:0}to{height:var(--bar-height);opacity:1}}.comparison-bar:hover{transform:scale(1.05) translateY(-5px)}.comparison-label{position:absolute;bottom:-30px;left:0;width:100%;text-align:center;font-weight:600;color:var(--secondary)}.comparison-value{position:absolute;top:-30px;left:0;width:100%;text-align:center;font-weight:700;color:var(--primary)}.life-milestones{background:#fff;border-radius:var(--border-radius);padding:3rem;box-shadow:var(--box-shadow);margin:3rem auto 4rem;max-width:1000px;border:1px solid #4361ee1a;display:none}.life-milestones.show{display:block;animation:fadeIn 1s ease}.milestone{display:flex;align-items:center;margin-bottom:2rem;padding:1.5rem;border-radius:var(--border-radius);background:#f8f9ff;transition:var(--transition)}.milestone:hover{background:#f0f4ff;transform:translateX(5px)}.milestone-icon{font-size:3.5rem;color:var(--primary);margin-right:1.5rem;flex-shrink:0}.milestone-content h4{color:var(--secondary);margin-bottom:.5rem;font-size:1.3rem}.milestone-content p{color:#666;margin-bottom:.5rem}.milestone-date{font-weight:600;color:var(--accent)}.upcoming-birthdays{background:#fff;border-radius:var(--border-radius);padding:3rem;box-shadow:var(--box-shadow);margin:3rem auto 4rem;max-width:1000px;border:1px solid #4361ee1a;display:none}.upcoming-birthdays.show{display:block;animation:fadeIn 1s ease}.birthdays-table{width:100%;border-collapse:collapse;margin-top:1.5rem;border-radius:var(--border-radius);overflow:hidden;box-shadow:0 4px 12px #00000014}.birthdays-table th,.birthdays-table td{padding:15px 20px;text-align:left;border-bottom:1px solid #e6e6ff}.birthdays-table th{background:var(--gradient-primary);color:#fff;font-weight:600}.birthdays-table tr:nth-child(even){background-color:#fafbff}.birthdays-table tr:hover{background-color:#f0f4ff}.birthday-date{font-weight:600;color:var(--secondary)}.birthday-day{color:var(--accent);font-weight:500}.birthday-age{font-weight:600;color:var(--primary)}.birthday-highlight{background-color:#4361ee1a!important;box-shadow:inset 0 0 8px #4361ee4d}.btn-birthday,a.btn-birthday{background:var(--gradient-accent);margin-top:15px;padding:14px 25px;box-shadow:0 4px 15px #f725854d;display:none}.btn-birthday:hover,a.btn-birthday:hover{transform:translateY(-5px);box-shadow:0 8px 20px #f7258566}.overlay-spinner{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#ffffffe6;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999;opacity:0;visibility:hidden;transition:opacity 0.5s,visibility .5s}.overlay-spinner.show{opacity:1;visibility:visible}.overlay-spinner svg{font-size:5rem;color:var(--primary);animation:spin 1.5s linear infinite;margin-bottom:1.5rem}.overlay-spinner p{font-size:1.2rem;color:var(--secondary);font-weight:500}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.achievement-badge{position:absolute;top:-10px;right:-10px;background:#ffd700;color:#333;padding:5px 10px;border-radius:12px;font-size:.8rem;font-weight:700;transform:rotate(15deg);animation:badgeShine 2s infinite;display:none}@keyframes badgeShine{0%,100%{box-shadow:0 0 5px #ffd700}50%{box-shadow:0 0 20px #ffd700}}.celebrate-btn{margin-top:1rem;background:var(--gradient-rainbow);animation:rainbowBackground 3s linear infinite;background-size:200% 200%}@keyframes rainbowBackground{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}.counter-animation{display:inline-block;position:relative}.counter-animation::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--accent);animation:counterLine 2s ease-out forwards}@keyframes counterLine{to{width:100%}}.notification{position:fixed;top:20px;right:20px;background:#fff;padding:15px 25px;border-radius:var(--border-radius);box-shadow:var(--box-shadow);transform:translateX(150%);transition:transform .5s cubic-bezier(0.175,0.885,0.32,1.275);z-index:10000;border-left:5px solid var(--primary);max-width:300px}.notification.show{transform:translateX(0)}.interactive-hint{position:absolute;top:10px;right:10px;background:#ffffffe6;padding:8px 15px;border-radius:20px;font-size:.8rem;color:var(--primary);animation:hintPulse 3s infinite;display:none}@keyframes hintPulse{0%,100%{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.fun-fact-popup{position:fixed;bottom:100px;left:50%;transform:translateX(-50%) translateY(100%);background:#fff;padding:20px;border-radius:var(--border-radius);box-shadow:var(--box-shadow);max-width:300px;text-align:center;z-index:1000;transition:transform .5s cubic-bezier(0.175,0.885,0.32,1.275)}.fun-fact-popup.show{transform:translateX(-50%) translateY(0)}.additional-calculators{margin:4rem 0}.calculator-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:15px;margin-top:2rem}.calc-btn{background:#fff;border:2px solid #e6e6ff;border-radius:var(--border-radius);padding:15px;text-align:center;cursor:pointer;transition:var(--transition);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100px}.calc-btn:hover{transform:translateY(-5px);box-shadow:var(--box-shadow);border-color:var(--primary)}.calc-btn svg{width:32px;height:32px;margin-bottom:10px;color:var(--primary)}.calc-btn span{font-weight:600;color:var(--secondary);font-size:.95rem}.calc-btn.active{border:2px solid var(--primary);background:linear-gradient(to bottom,#f0f4ff,#e0e8ff);box-shadow:0 5px 15px #4361ee33}.calc-btn.active svg{color:var(--accent)}.calc-btn.active span{color:var(--secondary);font-weight:700}.section-title{text-align:center;margin:4rem 0 2.5rem;color:var(--secondary);position:relative;padding-bottom:15px;font-size:2.2rem}.section-title:after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:120px;height:6px;background:var(--gradient-primary);border-radius:3px}.facts-container{display:flex;flex-direction:column;gap:30px;margin-bottom:4rem}.fact-card{background:#fff;border-radius:var(--border-radius);padding:2rem;box-shadow:var(--box-shadow);transition:var(--transition);display:flex;align-items:center;animation:fadeIn .6s ease;border:1px solid #4361ee1a}.fact-card:hover{transform:translateY(-8px);box-shadow:0 15px 30px #00000026}.fact-icon{font-size:3rem;color:var(--primary);margin-right:2.5rem;flex-shrink:0;text-shadow:2px 2px 4px #0000001a}.fact-content{flex-grow:1}.fact-card h3{color:var(--secondary);margin-bottom:1rem;font-size:1.4rem}.how-to-use,.faq{background:#fff;border-radius:var(--border-radius);padding:3rem;box-shadow:var(--box-shadow);margin-bottom:4rem;border:1px solid #4361ee1a}.steps{display:grid;grid-template-columns:1fr;gap:30px;margin-top:2.5rem}.step{display:flex;align-items:flex-start;padding:1.5rem;border-radius:var(--border-radius);background:#f8f9ff;transition:var(--transition)}.step:hover{background:#f0f4ff;transform:translateX(5px)}.step-number{background:var(--gradient-primary);color:#fff;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;margin-right:25px;flex-shrink:0;box-shadow:0 6px 12px #0000001a;font-size:1.3rem}.faq-item{margin-bottom:2rem;border-bottom:1px solid #eee;padding-bottom:2rem;transition:var(--transition)}.faq-item:hover{border-bottom-color:#e6e6ff}.faq-question{font-weight:700;color:var(--secondary);margin-bottom:.8rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:1.3rem;transition:var(--transition)}.faq-question:hover{color:var(--primary)}.faq-answer{color:#555;padding-top:.8rem;line-height:1.7;display:none}footer{background:var(--dark);color:#fff;padding:4rem 0 2.5rem;margin-top:4rem;position:relative}.footer-content{display:grid;grid-template-columns:1fr;gap:40px}.footer-section h3{margin-bottom:1.5rem;color:var(--success);font-size:1.5rem}.footer-links a{display:block;color:#ddd;margin-bottom:12px;text-decoration:none;transition:var(--transition)}.footer-links a:hover{color:var(--success);transform:translateX(5px)}.social-icons{display:flex;gap:20px;margin-top:1.5rem}.social-icons a{color:#fff;font-size:1.5rem;transition:var(--transition)}.social-icons a:hover{color:var(--success);transform:translateY(-5px)}.copyright{text-align:center;margin-top:4rem;padding-top:2rem;border-top:1px solid #444;color:#aaa;font-size:.9rem}.generation-card{margin-top:1.5rem;padding:1.8rem;background:#fff;border-radius:var(--border-radius);box-shadow:0 4px 12px #00000014;border:1px solid #4361ee1a;text-align:center;transition:var(--transition)}.generation-card:hover{transform:translateY(-3px);box-shadow:0 6px 15px #0000001a}.generation-card .label{font-size:1.1rem;color:#777;margin-bottom:.5rem}.generation-card .generation{font-size:2rem;font-weight:700;color:var(--primary)}.how-to-use-image{text-align:center;margin:2.5rem 0}.how-to-use-image img{max-width:100%;border-radius:var(--border-radius);box-shadow:var(--box-shadow);transition:var(--transition)}.how-to-use-image img:hover{transform:translateY(-5px);box-shadow:0 15px 30px #00000026}.svg-icon{display:inline-block;width:1em;height:1em;vertical-align:-.125em;fill:currentColor}.svg-icon2{display:inline-block;width:1em;vertical-align:-.125em;fill:currentColor}.chevron-icon{width:32px;height:32px;background-size:contain;background-repeat:no-repeat;background-position:center}.chevron-icon[data-icon="down"]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.41 8.84L12 13.42l4.59-4.58L18 10.25l-6 6-6-6z'/%3E%3C/svg%3E")}.chevron-icon[data-icon="up"]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z'/%3E%3C/svg%3E")}.about-age-section{background:#fff;border-radius:var(--border-radius);padding:3rem;box-shadow:var(--box-shadow);margin:3rem auto;max-width:1200px;border:1px solid #4361ee1a}.age-content-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-top:2rem}.age-content-card{background:#f8f9ff;border-radius:var(--border-radius);padding:2rem;transition:var(--transition);border:1px solid #4361ee1a}.age-content-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001a;background:#fff}.age-content-card h3{color:var(--secondary);margin-bottom:1rem;font-size:1.4rem;border-left:4px solid var(--primary);padding-left:1rem}.age-content-card p{color:#555;line-height:1.7;margin-bottom:1rem}.age-content-card ul{margin:1rem 0;padding-left:1.5rem}.age-content-card li{color:#555;margin-bottom:.5rem;line-height:1.6}.age-content-card li strong{color:var(--primary)}.age-history-timeline{background:#fff;border-radius:var(--border-radius);padding:3rem;box-shadow:var(--box-shadow);margin:3rem auto;max-width:1200px;border:1px solid #4361ee1a}.timeline{position:relative;max-width:1000px;margin:3rem auto 0}.timeline::after{content:'';position:absolute;width:6px;background:linear-gradient(to bottom,var(--primary),var(--accent));top:0;bottom:0;left:50%;margin-left:-3px;border-radius:3px;animation:timelinePulse 3s infinite alternate}@keyframes timelinePulse{0%{opacity:.7}100%{opacity:1}}.timeline-item{padding:20px 40px;position:relative;background-color:inherit;width:50%;margin-bottom:2rem;opacity:0;transform:translateY(20px);animation:fadeInUp .6s ease-out forwards}.timeline-item:nth-child(odd){left:0;animation-delay:.1s}.timeline-item:nth-child(even){left:50%;animation-delay:.2s}.timeline-item::after{content:'';position:absolute;width:25px;height:25px;right:-13px;background-color:#fff;border:4px solid var(--primary);top:30px;border-radius:50%;z-index:1;box-shadow:0 0 10px #4361ee80}.timeline-item:nth-child(even)::after{left:-12px}.timeline-content{padding:25px;background-color:#fff;position:relative;border-radius:var(--border-radius);box-shadow:var(--box-shadow);border:1px solid #4361ee1a;transition:var(--transition)}.timeline-content:hover{transform:translateY(-5px);box-shadow:0 15px 30px #00000026}.timeline-year{position:absolute;top:-20px;background:var(--gradient-primary);color:#fff;padding:8px 20px;border-radius:20px;font-weight:700;font-size:1.1rem;box-shadow:0 4px 12px #00000026}.timeline-item:nth-child(odd) .timeline-year{right:-50px}.timeline-item:nth-child(even) .timeline-year{left:-50px}.timeline-title{color:var(--secondary);margin-bottom:1rem;font-size:1.4rem}.timeline-description{color:#555;line-height:1.7}.types-of-age{background:linear-gradient(135deg,#f5f7ff 0%,#e3e6ff 100%);padding:4rem 0;margin:3rem 0}.age-types-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin:3rem 0}.age-type-card{background:#fff;border-radius:var(--border-radius);padding:2rem;text-align:center;box-shadow:var(--box-shadow);transition:var(--transition);border:1px solid #4361ee1a}.age-type-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px #00000026}.age-type-icon{font-size:3rem;margin-bottom:1rem;animation:float 3s ease-in-out infinite}.age-type-card h3{color:var(--secondary);margin-bottom:1rem;font-size:1.4rem}.age-type-card p{color:#555;line-height:1.6;font-size:.95rem}.age-conclusion{background:#fff;border-radius:var(--border-radius);padding:2.5rem;box-shadow:var(--box-shadow);margin-top:3rem;border-left:5px solid var(--primary)}.age-conclusion h3{color:var(--secondary);margin-bottom:1.5rem;font-size:1.6rem}.age-conclusion p{color:#555;line-height:1.7;margin-bottom:1.5rem}.age-conclusion ul{margin:1.5rem 0;padding-left:1.5rem}.age-conclusion li{color:#555;margin-bottom:.8rem;line-height:1.6}.age-conclusion li strong{color:var(--primary)}@media (min-width: 768px){.hero h1{font-size:3.5rem}.steps{grid-template-columns:repeat(2,1fr)}.footer-content{grid-template-columns:repeat(3,1fr)}.age-details{grid-template-columns:repeat(3,1fr)}.calculator-grid{grid-template-columns:repeat(4,1fr)}.timeline-item{padding:20px 30px}}@media (min-width: 992px){.steps{grid-template-columns:repeat(3,1fr)}.calculator-grid{grid-template-columns:repeat(5,1fr)}}@media (max-width: 768px){.calculator-card{width:95%;padding:2rem}.circle{width:130px;height:130px}.circle::before{width:110px;height:110px}.age-result{font-size:3rem}.age-details{grid-template-columns:1fr}.age-row{grid-template-columns:1fr}.calculator-grid{grid-template-columns:repeat(2,1fr)}.birthdays-table{font-size:.9rem}.birthdays-table th,.birthdays-table td{padding:10px 12px}.age-box{padding:1.5rem 1rem}.age-box .number{font-size:2rem}.age-box .label{font-size:.9rem}.zodiac-section{flex-direction:column;align-items:center}.zodiac-card{width:100%;max-width:250px}.birthdays-table th:nth-child(2),.birthdays-table td:nth-child(2){display:none}.language-btn .text{display:none}.language-btn .hamburger{display:inline}.age-comparison{display:none!important}.fab{bottom:20px;left:20px;width:50px;height:50px;font-size:1.2rem}.timeline::after{left:31px}.timeline-item{width:100%;padding-left:70px;padding-right:25px}.timeline-item:nth-child(even){left:0}.timeline-item::after{left:18px}.timeline-item:nth-child(even)::after{left:18px}.timeline-item:nth-child(odd) .timeline-year,.timeline-item:nth-child(even) .timeline-year{left:-10px;right:auto}.age-content-grid{grid-template-columns:1fr}.age-content-card{padding:1.5rem}.about-age-section,.age-history-timeline{padding:2rem}.age-types-grid{grid-template-columns:1fr}.types-of-age{padding:2rem 0}}@media (max-width: 576px){.calculator-card{padding:1.5rem}.hero h1{font-size:2.5rem}.hero p{font-size:1.1rem}.age-result{font-size:2.5rem}.circle{width:110px;height:110px}.circle::before{width:90px;height:90px}.age-box .number{font-size:1.8rem}.comparison-chart{flex-direction:column;align-items:center;height:auto}.comparison-bar{width:80%;height:40px;margin-bottom:40px;border-radius:8px}.comparison-label{bottom:-25px}.comparison-value{top:-25px}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.close-btn{position:absolute;top:0;right:2%;font-size:24px;font-weight:700;cursor:pointer;color:#666;line-height:1;padding:0;background:none;border:none;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.close-btn:hover{color:#000;background-color:#f0f0f0}