body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--navbar-bg:#0a0a0a;--navbar-text:#f5f5f5;--navbar-hover-bg:#ffffff14;--navbar-hover-text:#77ff4a;--navbar-shadow:0 4px 12px #00000026;--navbar-highlight:#77ff4a}[data-theme=light]{--navbar-bg:#fff;--navbar-text:#1a1a1a;--navbar-hover-bg:#0000000d;--navbar-hover-text:#06f;--navbar-shadow:0 4px 12px #00000014;--navbar-highlight:#06f}.navbar{background-color:#0a0a0a;background-color:var(--navbar-bg);box-shadow:0 4px 12px #00000026;box-shadow:var(--navbar-shadow);color:#f5f5f5;color:var(--navbar-text);justify-content:space-between;padding:.75rem 1.5rem;position:fixed;top:0;transition:background-color .3s,box-shadow .3s,color .3s;width:100%;z-index:1000}.logo-area,.navbar{align-items:center;display:flex}.logo-area{color:#77ff4a;color:var(--navbar-highlight);cursor:pointer;font-family:Cinzel,serif;font-size:1.4rem;font-weight:700;text-decoration:none;-webkit-user-select:none;user-select:none}.nav-links{display:flex;gap:1.5rem;list-style:none;margin:0;padding:0}.nav-links li,.nav-links li a{position:relative}.nav-links li a{border-radius:5px;color:#f5f5f5;color:var(--navbar-text);cursor:pointer;display:inline-block;font-family:Cinzel,serif;font-size:1rem;padding:.5rem 1rem;text-decoration:none;transition:color .3s,background-color .3s}.nav-links li a.active,.nav-links li a:hover{background-color:#ffffff14;background-color:var(--navbar-hover-bg);box-shadow:0 0 10px #77ff4a;box-shadow:0 0 10px var(--navbar-hover-text,#77ff4a);color:#77ff4a;color:var(--navbar-hover-text)}.nav-links li a:after{background-color:#77ff4a;background-color:var(--navbar-highlight);bottom:-4px;content:"";height:2px;left:0;position:absolute;transition:width .3s;width:0}.nav-links li a.active:after,.nav-links li a:hover:after{width:100%}.has-dropdown{position:relative}.has-dropdown>.dropdown{background:#0a0a0a;background:var(--navbar-bg);border-radius:8px;box-shadow:0 4px 12px #00000026;box-shadow:var(--navbar-shadow);display:none;left:0;min-width:160px;padding:.5rem 0;position:absolute;top:110%;z-index:1200}.has-dropdown:focus-within>.dropdown,.has-dropdown:hover>.dropdown{display:block}.dropdown li{width:100%}.dropdown li a{background:none;border-radius:0;color:#f5f5f5;color:var(--navbar-text);display:block;font-size:.98rem;padding:.5rem 1.2rem;transition:background .2s,color .2s}.dropdown li a:hover{background:#ffffff14;background:var(--navbar-hover-bg);color:#77ff4a;color:var(--navbar-hover-text)}.menu-icon{color:#f5f5f5;color:var(--navbar-text);cursor:pointer;display:none;font-size:2rem;margin-left:1rem;padding-right:5%;transition:color .3s}.menu-icon:hover{color:#77ff4a;color:var(--navbar-hover-text)}.theme-toggle{border-radius:4px;color:#f5f5f5;color:var(--navbar-text);cursor:pointer;font-size:1.3rem;margin-left:10%;margin-right:8%;padding:.5rem;transition:color .3s}.theme-toggle:hover{background:#ffffff14;background:var(--navbar-hover-bg);color:#77ff4a;color:var(--navbar-hover-text)}.nav-links-mobile{display:none}.mobile-dropdown-toggle{border-radius:5px;color:#f5f5f5;color:var(--navbar-text);cursor:pointer;font-family:Cinzel,serif;font-size:1rem;padding:.5rem 1rem;transition:background .3s,color .3s}.mobile-dropdown-toggle:hover{background:#ffffff14;background:var(--navbar-hover-bg);color:#77ff4a;color:var(--navbar-hover-text)}.dropdown.mobile-dropdown{background:#0a0a0a;background:var(--navbar-bg);border-radius:8px;box-shadow:0 4px 12px #00000026;box-shadow:var(--navbar-shadow);margin-top:.2rem;padding:.2rem 0}.dropdown.mobile-dropdown li a{font-size:.98rem;padding:.5rem 1.5rem}@media screen and (max-width:768px){.navbar{align-items:flex-start;flex-direction:column;padding:1rem}.logo-area{justify-content:space-between;width:100%}.nav-links{display:none}.menu-icon{display:block;margin-right:1%;position:absolute;right:1.5rem;top:1.2rem;z-index:1100}.nav-links-mobile{background:#0a0a0a;background:var(--navbar-bg);border-radius:0 0 12px 12px;box-shadow:0 4px 12px #00000026;box-shadow:var(--navbar-shadow);display:flex;flex-direction:column;gap:1rem;left:0;opacity:0;padding:1.5rem 1rem 1rem;pointer-events:none;position:absolute;top:100%;transform:translateY(-10px);transition:opacity .3s,transform .3s;width:100%;z-index:1050}.nav-links-mobile.active{opacity:1;pointer-events:auto;transform:translateY(0)}.nav-links-mobile li a{border-radius:6px;display:block;font-size:1.1rem;padding:.75rem 1rem;text-align:left;width:100%}.theme-toggle{background:none;margin-left:0;position:absolute;right:3.5rem;top:1.2rem}}.typing-logo-wrapper{align-items:center;display:flex;height:52px;overflow:hidden;padding-left:4px}.typing-logo-text{animation:fadeIn .7s cubic-bezier(.4,0,.2,1);color:#06c;color:var(--primary-color,#06c);font-family:Fira Mono,Courier New,Courier,monospace;font-size:1.6rem;font-weight:700;letter-spacing:2.5px;text-shadow:0 2px 8px #00000014;text-shadow:0 2px 8px var(--shadow,#00000014);transition:color .3s;-webkit-user-select:none;user-select:none;white-space:nowrap}[data-theme=dark] .typing-logo-text{color:#3fea06b5;color:var(--primary-color,#3fea06b5);text-shadow:0 2px 8px #3fea0633;text-shadow:0 2px 8px var(--pointer-light,#3fea0633)}.cursor{animation:blink 1s steps(2,start) infinite;color:#06c;color:var(--primary-color,#06c);display:inline-block;font-size:1.6rem;font-weight:400;margin-left:3px;transition:color .3s}[data-theme=dark] .cursor{color:#3fea06b5;color:var(--primary-color,#3fea06b5)}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}:root{--pointer-size:200px}.home{align-items:center;background-color:var(--bg-dark);color:var(--text-light);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:40px 20px;position:relative;z-index:0}.animated-bg:before{animation:pulse 1s infinite;background:radial-gradient(300px circle at var(--mouse-x) var(--mouse-y),var(--pointer-light ) 1%,#0000 80%);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}@keyframes pulse{0%,to{opacity:.4}50%{opacity:.6}}.home-container{flex-direction:row;flex-wrap:wrap;gap:50px;max-width:1200px;width:100%;z-index:2}.home-container,.profile-section{align-items:center;display:flex;justify-content:center}.profile-section{flex:1 1 200px;position:relative}.profile-img{border:6px solid var(--primary-color);border-radius:50%;box-shadow:0 10px 25px var(--shadow);height:450px;object-fit:cover;position:relative;transition:transform .3s ease-in-out;width:450px;z-index:2}.profile-img:hover{transform:scale(1.05)}.profile-section:before{animation:rotateRing 5s linear infinite;background:conic-gradient(var(--primary-color) 20deg,#0000 450deg,var(--primary-color) 100deg,#0000 1turn);border-radius:50%;content:"";filter:blur(1px);height:467px;left:50%;-webkit-mask:radial-gradient(circle at center,#0000 60%,#000 61%);mask:radial-gradient(circle at center,#0000 60%,#000 61%);opacity:.4;position:absolute;top:50%;transform:translate(-50%,-50%);width:467px;z-index:1}@keyframes rotateRing{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.content-section{display:flex;flex:2 1 500px;flex-direction:column;gap:20px}.name{animation:slideIn 2s ease-out;color:var(--primary-color);font-size:3rem;font-weight:700}h1,h2,p{margin:0}.btn-home{background:hsla(0,0%,100%,.152);border-radius:8px;box-shadow:0 1px 10px rgba(0,255,0,.116);color:var(--text-light);display:inline-block;font-weight:700;margin:auto auto auto 0;padding:12px;transition:transform .3s,box-shadow .3s}.btn-home:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.social-icons-vertical{display:flex;flex-direction:column;gap:16px;position:fixed;right:10px;top:50%;transform:translateY(-50%);z-index:2}.social-icons-vertical a{color:var(--text-light);font-size:1.8rem;transition:color .3s ease,transform .3s}.social-icons-vertical a:hover{color:var(--primary-color);transform:scale(1.2)}@keyframes slideIn{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.home-container{align-items:center;flex-direction:column;text-align:center}.profile-img{height:200px;width:200px}.profile-section:before{height:230px;width:230px}.social-icons-vertical{right:5px}}.about-section{background-color:var(--bg-medium);padding:4rem 2rem;transition:background-color .3s ease,color .3s ease}.about-container{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin:0 auto;max-width:1200px}.about-image img{border-radius:50%;box-shadow:0 8px 20px var(--shadow);height:280px;object-fit:cover;transition:transform .4s ease;width:280px}.about-image img:hover{transform:scale(1.05)}.about-text{color:var(--text-light);flex:1 1;min-width:300px}.animated-heading{animation:fadeSlideIn 1s ease forwards;color:var(--primary-color);font-size:2.5rem;font-weight:700;margin-bottom:1rem;position:relative}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.about-text p{color:var(--text-medium);line-height:1.7;margin-bottom:1rem}.about-text strong{color:var( --text-light)}.about-buttons{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem}.about-btn,.about-buttons .btn{background-color:var(--accent);border:none;border-radius:8px;color:#fff;font-weight:600;padding:.6rem 1.2rem;transition:transform .2s ease,background-color .3s ease}.about-btn:hover,.about-buttons .btn:hover{background-color:var(--accent);transform:translateY(-2px)}@media (max-width:768px){.about-container{flex-direction:column;text-align:center}.about-image img{height:200px;width:200px}.animated-heading{font-size:2rem}.about-buttons{justify-content:center}}.skills{min-height:60vh;padding:3rem 0 2rem;transition:background .4s}.skills,[data-theme=dark] .skills{background:var(--bg-medium);color:var(--text-light)}.Skills_container{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--glass-bg);border:1.5px solid var(--accent);border-radius:18px;box-shadow:0 8px 42px 0 var(--shadow);margin:0 auto;max-width:900px;padding:2.5rem 1.5rem;transition:background .4s,border .4s}.skills h2{color:var(--primary-color);font-family:Cinzel,serif;font-size:2.2rem;letter-spacing:1px;margin-bottom:2rem;text-align:center;text-shadow:0 2px 8px var(--shadow)}.skills-toggle{display:flex;flex-wrap:wrap;gap:1.1rem;justify-content:center;margin-bottom:2rem}.category-btn,.skills-toggle button{background:var(--glass-bg);border:2px solid var(--primary-color);border-radius:9px;box-shadow:0 2px 8px var(--shadow);color:var(--text-light);cursor:pointer;font-family:Cinzel,serif;font-size:1.05rem;margin-bottom:.5rem;outline:none;padding:.5rem 1.5rem;transition:background .22s,color .22s,border .22s,box-shadow .22s}.category-btn.selected,.category-btn:active,.skills-toggle button.active-tab{background:var(--primary-color);border-color:var(--primary-color);box-shadow:0 2px 16px 0 var(--pointer-light);color:#fff}.category-btn:hover,.skills-toggle button:hover{background:var(--overlay-color);border-color:var(--primary-color);color:var(--primary-color)}.skills-list{display:flex;flex-wrap:wrap;gap:1.1rem 1.7rem;justify-content:center;list-style:none;margin:0;padding:0}.skills-item{background:var(--overlay-color);border:1.5px solid var(--shadow);border-radius:10px;box-shadow:0 2px 12px var(--shadow);color:var(--text-light);font-family:Cinzel,serif;font-size:1.08rem;letter-spacing:.5px;margin-bottom:.2rem;padding:.8rem 1.5rem;transition:background .22s,color .22s,border .22s}.skills-item:hover{transform:translateY(-2px)}.back-btn{background:none;border:2px solid var(--primary-color);border-radius:8px;box-shadow:0 2px 8px var(--shadow);color:var(--primary-color);cursor:pointer;display:block;font-family:Cinzel,serif;font-size:1rem;margin:0 auto 1.5rem;padding:.4rem 1.2rem;transition:background .2s,color .2s,border .2s}.back-btn:hover{background:var(--primary-color);border-color:var(--primary-color);color:#fff}@media (max-width:768px){.Skills_container{padding:1.2rem .5rem}.skills-toggle{align-items:center;flex-direction:column;gap:.7rem}.skills-list{gap:.7rem 1rem}.skills-item{font-size:.98rem;padding:.6rem 1rem}}.projects{background:var(--bg-medium);padding:100px 20px;text-align:center}.section-heading{color:var(--primary-color);font-size:2.8rem;font-weight:700;letter-spacing:1px;margin-bottom:40px}.project-carousel{height:460px;margin:0 auto;max-width:1100px;overflow:hidden;perspective:1800px;position:relative}.carousel-wrapper{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.card{background:var(--glass-bg);border-radius:18px;box-shadow:0 18px 40px var(--shadow);height:100%;opacity:0;padding:24px;pointer-events:none;position:absolute;transform:scale(.5) translateX(0) rotateY(0deg);transition:transform .8s ease,opacity .6s ease;width:320px;z-index:0}.card-content{display:flex;flex-direction:column;gap:1rem;height:100%;justify-content:start;text-align:left}.project-title{color:var(--primary-color);font-size:1.5rem;font-weight:600}.project-description{color:var(--text-muted);font-size:1rem;line-height:1.6}.project-link{color:var(--primary-color);font-weight:700;text-decoration:none;transition:color .3s ease}.project-link:hover{color:var(--accent)}.card.active{box-shadow:0 20px 40px var(--shadow);opacity:1;pointer-events:auto;transform:scale(1) translateX(0) rotateY(0deg);transition:transform .6s ease,opacity .4s ease;z-index:3}.card.left{opacity:.1;transform:scale(.9) translateX(-280px) rotateY(25deg);z-index:2}.card.right{opacity:.1;transform:scale(.9) translateX(280px) rotateY(-25deg);z-index:2}.card.hidden{opacity:0;pointer-events:none;transform:scale(.5);z-index:0}.nav-btn{background:var(--accent);border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1.8rem;padding:15px 28px;position:absolute;top:50%;transform:translateY(-50%);transition:background .3s ease;z-index:5}.nav-btn:hover{background:var(--primary-color)}.nav-btn.left{left:-20px}.nav-btn.right{right:-20px}.view-all-btn{background:var(--primary-color);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:500;margin-top:50px;padding:14px 28px;transition:background-color .3s ease}.view-all-btn:hover{background:var(--accent)}@media (max-width:768px){.card.left,.card.right{display:none}.card.active{transform:scale(1) translateX(0) rotateY(0deg)}.project-carousel{height:500px}.nav-btn.left{left:0}.nav-btn.right{right:0}}.experience{background:linear-gradient(135deg,var(--bg-medium),var(--bg-dark));padding:60px 20px}.experience h2{color:var(--primary-color);font-size:2.5rem;margin-bottom:40px;text-align:center}.experience-list{display:flex;flex-wrap:wrap;gap:30px;justify-content:center}.experience-card{background:var(--glass-bg);border-radius:16px;box-shadow:0 10px 25px var(--shadow);color:var(--text-light);max-width:380px;min-width:300px;padding:25px 30px;text-align:left;transition:transform .3s ease;width:100%}.experience-card:hover{transform:translateY(-8px)}.experience-header{align-items:center;display:flex;gap:20px;margin-bottom:16px}.experience-image{background-color:#fff;border-radius:10px;box-shadow:0 2px 10px #0003;height:60px;object-fit:cover;width:60px}.experience-header h3{color:var(--text-light);font-size:1.2rem;margin:0}.experience-header h4{color:var(--text-muted);font-size:1rem;margin-top:4px}.exp-time{color:var(--text-muted);font-size:.9rem;margin-top:2px}.exp-description{color:var(--text-light);font-size:1rem;line-height:1.6;margin-top:10px}@media (max-width:768px){.experience-list{align-items:center;flex-direction:column}.experience-card{max-width:90%}.experience-header{align-items:flex-start;flex-direction:column}.experience-image{height:50px;width:50px}}.contact{background:linear-gradient(145deg,var(--bg-dark),var(--bg-medium));color:var(--text-light);overflow:hidden;padding:80px 20px;position:relative;text-align:center}.contact:before{animation:floatGlow 30s linear infinite;background:radial-gradient(circle,#77ff4a0a,#0000 70%);content:"";height:700px;left:50%;pointer-events:none;position:absolute;top:-120px;transform:translateX(-50%);width:700px;z-index:0}@keyframes floatGlow{0%{transform:translateX(-50%) rotate(0deg)}to{transform:translateX(-50%) rotate(1turn)}}.contact-container{animation:fadeIn 1.2s ease;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:var(--glass-bg);border-radius:24px;box-shadow:0 25px 55px var(--shadow);margin:auto;max-width:760px;padding:60px 40px;position:relative;z-index:1}.contact h2{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,var(--primary-color),var(--accent));-webkit-background-clip:text;font-family:Poppins,sans-serif;font-size:2.6rem;font-weight:700;margin-bottom:16px}.contact-info{color:var(--text-medium);font-size:1rem;margin-bottom:32px}.contact-info p{color:var(--text-medium);margin:10px 0}.contact-info a{color:var(--primary-color);text-decoration:underline;transition:color .3s ease}.contact-info a:hover{color:var(--accent)}.contact-form{display:flex;flex-direction:column;gap:18px}.contact-form input,.contact-form textarea{background-color:var(--bg-light);border:1px solid var(--bg-medium);border-radius:12px;color:var(--text-light);font-family:Segoe UI,sans-serif;font-size:1rem;padding:14px 16px;transition:border-color .3s ease,box-shadow .3s ease}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--pointer-light)}.contact-form textarea{min-height:140px;resize:vertical}.contact-form button{background:linear-gradient(to right,var(--primary-color),var(--accent));border:none;border-radius:40px;color:var(--bg-dark);cursor:pointer;font-size:1.1rem;font-weight:600;letter-spacing:.5px;padding:14px 0;transition:transform .3s ease,box-shadow .3s ease}.contact-form button:hover{box-shadow:0 12px 30px #77ff4a4d;transform:translateY(-3px)}.footer{background-color:var(--bg-medium);border-top:1px solid var(--bg-dark);color:var(--text-medium);font-family:Poppins,sans-serif;overflow:hidden;padding:40px 20px;position:relative;text-align:center;transition:all .3s ease}.footer .title{color:var(--text-light);font-size:1.8rem;font-weight:600;margin-bottom:10px}.footer .subtitle{color:var(--text-medium);font-size:1rem;margin-bottom:25px}.footer-socials{display:flex;font-size:1.6rem;gap:20px;justify-content:center;margin-bottom:30px}.footer-socials a{color:var(--social-icon);transition:transform .3s ease,color .3s ease}.footer-socials a:hover{color:var(--primary-color);transform:scale(1.25)}.footer-bottom{border-top:1px solid var(--overlay-color);color:var(--text-medium);font-size:.85rem;margin-top:30px;padding-top:20px}.more-projects{animation:fadeInBackground 1s ease-in-out;background:linear-gradient(135deg,var(--bg-dark),var(--bg-medium));color:var(--text-light);margin-bottom:0;min-height:100vh;padding:100px 20px 20px}.more-projects h2{animation:slideDown .6s ease-in-out;color:var(--primary-color);font-size:2.5rem;margin-bottom:60px;position:relative;text-align:center}.project-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:1200px}.project-card{animation:fadeInUp .8s ease forwards;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--glass-bg);border-radius:16px;box-shadow:0 8px 24px var(--shadow);margin-bottom:40px;opacity:0;padding:24px;perspective:1000px;transform:translateY(20px);transition:transform .4s ease,box-shadow .4s ease}.project-card:hover{box-shadow:0 12px 40px var(--shadow);transform:translateY(-8px) rotateX(2deg)}.project-card h3{color:var(--text-light);font-size:1.4rem;margin-bottom:10px}.project-card p{color:var(--text-medium);font-size:.95rem;line-height:1.6;margin-bottom:16px}.project-card a{color:var(--primary-color);display:inline-block;font-weight:600;margin-top:auto;text-decoration:none;transition:color .3s ease}.project-image{border-radius:12px;box-shadow:0 10px 18px #00000026;height:180px;object-fit:cover;transition:transform .3s ease;width:100%}.project-card a:hover{color:var(--accent);text-decoration:underline}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInBackground{0%{background:var(--bg-light)}to{background:linear-gradient(135deg,var(--bg-dark),var(--bg-medium))}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.more-projects h2{font-size:2rem;margin-bottom:40px}.project-card{padding:20px}}.education{background-color:var(--bg-medium);color:var(--text-light);min-height:100vh;padding:10rem 1rem;transition:background-color .3s ease,color .3s ease}.certification-container,.education-container{margin:0 auto 3rem;max-width:900px}.certification-container h2,.education-container h2{border-bottom:2px solid var(--primary-color);color:var(--primary-color);display:inline-block;font-size:2rem;margin-bottom:2rem;padding-bottom:.5rem;text-align:center}.certi-card,.education-card{background-color:var(--bg-light);border-left:4px solid var(--accent);border-radius:8px;box-shadow:0 4px 12px var(--shadow);margin-bottom:1.5rem;padding:1.5rem;transition:transform .3s ease,background-color .3s ease}.certi-card:hover,.education-card:hover{background-color:var(--glass-bg);transform:translateY(-5px)}.certi-card h3,.education-card h3{color:var(--text-light);font-size:1.3rem;margin:0 0 .5rem}.certi-card p,.education-card p{color:var(--text-medium);margin:.2rem 0}@media screen and (max-width:600px){.certification-container h2,.education-container h2{font-size:1.5rem}.certi-card,.education-card{padding:1rem}.certi-card h3,.education-card h3{font-size:1.1rem}}.extras{background:linear-gradient(135deg,var(--bg-medium),var(--bg-dark));color:var(--text-light);padding:100px 20px;transition:background .4s ease,color .4s ease}.extras-container{margin:0 auto;max-width:900px}.extras h2{border-bottom:2px solid var(--primary-color);color:var(--primary-color);display:inline-block;font-size:2rem;margin-bottom:40px;padding-bottom:10px;text-align:center}.extras-card{animation:fadeIn 1s ease both;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--glass-bg);border-left:4px solid var(--accent);border-radius:12px;box-shadow:0 8px 24px var(--shadow);color:var(--text-light);margin-bottom:24px;padding:25px 20px;transition:transform .4s ease,box-shadow .4s ease,background-color .3s ease}.extras-card:hover{box-shadow:0 12px 30px var(--shadow);transform:scale(1.03)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width:600px){.extras h2{font-size:1.6rem}.extras-card{padding:20px 16px}}:root{--primary-color:#77ff4a;--secondary-color:#222;--text-light:#f5f5f5;--text-muted:#b3b3b3;--card-bg:#1a1a1a;--overlay-color:#0009}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}html{scroll-behavior:smooth}:root{--bg-light:#fff;--bg-medium:#f1f3f6;--bg-dark:#dfe3e8;--text-light:#1a1a1a;--text-medium:#333;--primary-color:#06c;--accent:#242750;--glass-bg:#fffc;--overlay-color:#0000000d;--shadow:#0000001a;--pointer-light:#0066cc38;--social-icon:#222}[data-theme=dark]{--bg-light:#0e0e0e;--bg-medium:#1a1a1a;--bg-dark:#121212;--text-light:#f9f9f9;--text-medium:#ccc;--primary-color:#3fea0669;--accent:#366829c5;--glass-bg:#ffffff0d;--overlay-color:#ffffff14;--shadow:#ffffff0d;--pointer-light:#3fea0633;--social-icon:#fff}body{background-color:#fff;background-color:var(--bg-light);color:#1a1a1a;color:var(--text-light);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0;transition:all .3s ease}a{color:#06c;color:var(--primary-color);text-decoration:none;transition:color .3s ease}button{background-color:#06c;background-color:var(--primary-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:inherit;padding:.6rem 1.2rem;transition:background-color .3s ease}::selection{background-color:#06c;background-color:var(--primary-color);color:#fff}
/*# sourceMappingURL=main.dabe4131.css.map*/