:root{--primary:#ff6b6b;--secondary:#4ecdc4;--accent:#ffe66d;--highlight:#ff9f1c;--light-bg:#fff;--dark-text:#2d3748;--light-gray:#f8f9fa;--shadow:#0000001a;--new-color:#9b5de5;--deep-blue:#1a5dff;--warm-pink:#ff6b9d;--cool-teal:#2a9d8f}body{background-color:var(--light-bg);color:var(--dark-text);margin:0;font-family:Poppins,sans-serif;transition:background-color .3s,color .3s}.hero-section{background:linear-gradient(135deg, var(--primary), var(--new-color), var(--cool-teal));justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero-section:before{content:"";-webkit-backdrop-filter:blur(10px);z-index:0;position:absolute;inset:0}.text-center{text-align:center;z-index:1;position:relative}.px-4{padding-left:16px;padding-right:16px}.hero-title{letter-spacing:.02em;color:var(--light-bg);text-shadow:0 2px 10px #0003;margin-bottom:16px;font-size:4.5rem;font-weight:700;line-height:1.2}@media (max-width:768px){.hero-title{font-size:2.8rem}}.hero-subtitle{color:var(--light-bg);text-shadow:0 1px 3px #0003;margin-bottom:32px;font-size:1.2rem;font-weight:400;line-height:1.6}@media (min-width:768px){.hero-subtitle{font-size:1.4rem}}.btn-primary{background-color:var(--accent);color:var(--dark-text);cursor:pointer;z-index:10;pointer-events:auto;border:none;border-radius:50px;padding:16px 32px;font-size:1.1rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block;position:relative;box-shadow:0 8px 20px #ff6f6b4d}.btn-primary:hover{background-color:var(--highlight);cursor:pointer;transform:translateY(-3px)scale(1.05);box-shadow:0 12px 25px #ff6f6b66}.section{background:var(--light-bg);padding:100px 16px}.bg-light-gray{background-color:var(--light-gray)}.container{max-width:1280px;margin:0 auto}.section-title{text-align:center;color:var(--dark-text);margin-bottom:70px;font-size:2.8rem;font-weight:700;position:relative}.section-title:after{content:"";background:linear-gradient(to right, var(--primary), var(--new-color));border-radius:2px;width:80px;height:4px;position:absolute;bottom:-15px;left:50%;transform:translate(-50%)}.grid{grid-template-columns:1fr;gap:50px;display:grid}@media (min-width:640px){.grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.grid{grid-template-columns:repeat(3,1fr)}}.card{background-color:var(--light-bg);box-shadow:0 10px 30px var(--shadow);z-index:1;border-radius:24px;padding:36px;transition:all .4s;position:relative;overflow:hidden}.card:before{content:"";z-index:-1;opacity:0;background:linear-gradient(135deg,#ff9f1c0d,#4ecdc40d);border-radius:24px;transition:opacity .4s;position:absolute;inset:0}.card:hover:before{opacity:1}.shiny-effect{position:relative;overflow:hidden}.shiny-effect:after{content:"";z-index:2;background:linear-gradient(90deg,#fff0 0%,#fff9 50%,#fff0 100%);width:40px;height:200%;transition:all .5s;position:absolute;top:-50%;left:-60%;transform:rotate(25deg)}.shiny-effect:hover:after{transition:all .6s;left:120%}.btn-primary.shiny-effect:after{background:linear-gradient(90deg,#fff0 0%,#fffc 50%,#fff0 100%)}.card.shiny-effect:after{background:linear-gradient(90deg,#fff0 0%,#fff6 50%,#fff0 100%)}.card-img{object-fit:contain;border-radius:20px;width:100%;height:auto;margin-bottom:24px;transition:transform .3s;display:block;box-shadow:0 8px 20px #0000001a}.card:hover .card-img{transform:translateY(-5px);box-shadow:0 12px 25px #0003}.sticker-img{aspect-ratio:1;object-fit:cover;border-radius:20px;width:100%;margin-bottom:24px;transition:transform .3s,box-shadow .3s;display:block;box-shadow:0 8px 20px #0000001a}.card:hover .sticker-img{transform:translateY(-5px);box-shadow:0 12px 25px #0003}.card-title{color:var(--dark-text);flex-wrap:wrap;align-items:center;margin-bottom:15px;font-size:1.4rem;font-weight:700;display:flex}.card-text{color:#666;font-size:1.05rem;line-height:1.8}.link-primary{color:var(--primary);margin-top:16px;font-weight:600;text-decoration:none;display:inline-block;position:relative}.link-primary:after{content:"";background:var(--primary);width:0;height:2px;transition:width .3s;position:absolute;bottom:-2px;left:0}.link-primary:hover:after{width:100%}.link-primary:hover{color:var(--warm-pink);text-decoration:none}.badge{vertical-align:middle;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px;border-radius:50px;margin-left:12px;padding:8px 16px;font-size:.85rem;font-weight:700;display:inline-block}.new-badge{background-color:var(--secondary);color:var(--light-bg)}.update-badge{background-color:var(--accent);color:var(--dark-text)}.footer{background:linear-gradient(135deg, var(--primary), var(--new-color), var(--cool-teal));color:var(--light-bg);padding:60px 16px}.profile-section-footer{flex-direction:row;justify-content:center;align-items:center;gap:25px;margin-bottom:40px;display:flex}.profile-image{object-fit:cover;border:4px solid var(--light-bg);border-radius:50%;width:100px;height:100px;box-shadow:0 5px 15px #0003}.profile-text-content{flex-direction:column;align-items:flex-start;display:flex}.profile-name{color:var(--light-bg);margin-bottom:8px;font-size:1.5rem;font-weight:700}.profile-contact-icons{align-items:center;gap:25px;margin-top:12px;display:flex}.social-icon{vertical-align:middle;filter:brightness(0)invert();width:auto;height:32px;transition:all .3s}.social-icon:hover{opacity:.9;transform:scale(1.2)translateY(-3px)}.project-links{flex-direction:column;align-items:center;gap:20px;width:100%;margin-bottom:2rem;display:flex}.project-links a{color:var(--light-bg);opacity:.9;align-items:center;font-size:1.05rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.project-links a:hover{opacity:1;color:var(--accent);text-decoration:underline}.footer-text{color:var(--light-bg);text-align:center;margin-top:20px;font-size:1rem}.fade-in{opacity:0;transition:opacity .8s ease-out var(--delay,0s), transform .8s ease-out var(--delay,0s);transform:translateY(40px)}.fade-in.is-visible{opacity:1;transform:translateY(0)}.hover-scale:hover{transform:translateY(-12px)scale(1.03);box-shadow:0 15px 35px #00000026}.loader{border:4px solid #f3f3f3;border-top:4px solid var(--primary);z-index:9999;border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:640px){.btn-primary{padding:14px 28px;font-size:1.125rem}.card{padding:28px}.section-title{font-size:2.2rem}.hero-title{font-size:2.5rem}.profile-section-footer{flex-direction:column;gap:15px}}.pop-element{animation:.6s cubic-bezier(.175,.885,.32,1.275) both pop}@keyframes pop{0%{opacity:0;transform:scale(.8)}70%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}