@import"https://fonts.googleapis.com/css2?family=Ruthie&display=swap";.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.1);transition:all .3s ease;padding:1rem 0}.navbar-scrolled{background:rgba(17,24,39,.98);box-shadow:0 4px 20px #0000001a}.navbar-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:space-between}.navbar-logo .logo-text{font-family:Ruthie,Inter,Arial,sans-serif;font-weight:700;color:#10b981;text-decoration:none;transition:all .3s ease;letter-spacing:-.5px}.navbar-logo .logo-text:hover{color:#34d399;transform:scale(1.05)}.navbar-menu{display:flex;align-items:center;gap:2.5rem;list-style:none}.navbar-link{color:#e78686e6;text-decoration:none;font-weight:500;font-size:1rem;transition:all .3s ease;position:relative;padding:.5rem 0}.navbar-link:hover{color:#10b981}.navbar-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:#10b981;transition:width .3s ease}.navbar-link:hover:after{width:100%}.resume-link{background:#10b981;color:#fff!important;text-decoration:none!important;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;transition:all .3s ease;border:2px solid transparent}.resume-link:hover{background:transparent;color:#10b981!important;border-color:#10b981;transform:translateY(-2px)}.navbar-toggle{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:.5rem}.hamburger{width:24px;height:2px;background:white;transition:all .3s ease;position:relative}.hamburger:before,.hamburger:after{content:"";position:absolute;width:24px;height:2px;background:white;transition:all .3s ease}.hamburger:before{transform:translateY(-8px)}.hamburger:after{transform:translateY(8px)}.hamburger-open{background:transparent}.hamburger-open:before{transform:rotate(45deg)}.hamburger-open:after{transform:rotate(-45deg)}@media (max-width: 768px){.navbar-container{padding:0 1rem}.navbar-menu{display:none;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:rgba(17,24,39,.98);padding:2rem;gap:1.5rem;box-shadow:0 4px 20px #0000001a}.navbar-menu-open{display:flex}.navbar-link{font-size:1.1rem;text-align:center}.navbar-toggle{display:flex}}.skills-section{padding:var(--spacing-3xl) 0;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);position:relative;overflow:hidden}.skills-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background: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='%23ffffff' fill-opacity='0.05'%3E%3Ccircle cx='30' cy='30' r='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none}.skills-header{text-align:center;margin-bottom:var(--spacing-3xl);color:var(--white)}.skills-icon{font-size:3rem;margin-bottom:var(--spacing-md);color:gold;animation:float 3s ease-in-out infinite}.skills-title{font-family:var(--font-display);font-size:3rem;font-weight:700;margin-bottom:var(--spacing-md);background:linear-gradient(135deg,#ffd700 0%,#ffa500 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.skills-subtitle{font-size:1.2rem;color:#fffc;max-width:600px;margin:0 auto;line-height:1.6}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-3xl)}.skill-card{background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-xl);padding:var(--spacing-xl);transition:var(--transition);cursor:pointer;position:relative;overflow:hidden}.skill-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.skill-card:hover:before{left:100%}.skill-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0000004d;border-color:#ffffff4d}.skill-image{text-align:center;margin-bottom:var(--spacing-lg)}.skill-img{width:80px;height:80px;object-fit:contain;transition:var(--transition);filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.skill-card:hover .skill-img{transform:scale(1.1) rotate(5deg)}.skill-content{text-align:center}.skill-name{font-size:1.3rem;font-weight:600;color:var(--white);margin-bottom:var(--spacing-md)}.skill-progress{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.progress-bar{flex:1;height:8px;background:rgba(255,255,255,.2);border-radius:var(--radius-lg);overflow:hidden;position:relative}.progress-fill{height:100%;border-radius:var(--radius-lg);position:relative;overflow:hidden}.progress-fill:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.skill-percentage{font-size:.9rem;font-weight:600;color:var(--white);min-width:45px;text-align:right}.skill-level{display:flex;justify-content:center;gap:var(--spacing-xs)}.level-dots{display:flex;gap:4px}.level-dot{width:8px;height:8px;border-radius:50%;transition:var(--transition)}.level-dot.active{transform:scale(1.2)}.skills-footer{text-align:center;margin-top:var(--spacing-2xl)}.skills-note{font-size:1.1rem;color:#ffffffb3;font-style:italic;max-width:600px;margin:0 auto;line-height:1.6}@media (max-width: 1024px){.skills-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg)}}@media (max-width: 768px){.skills-title{font-size:2.5rem}.skills-subtitle{font-size:1.1rem}.skills-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.skill-card{padding:var(--spacing-lg)}.skill-img{width:60px;height:60px}.skill-name{font-size:1.2rem}}@media (max-width: 480px){.skills-title{font-size:2rem}.skills-subtitle{font-size:1rem}.skill-card{padding:var(--spacing-md)}.skill-img{width:50px;height:50px}.skill-name{font-size:1.1rem}.progress-bar{height:6px}.level-dot{width:6px;height:6px}}@media (prefers-reduced-motion: reduce){.skills-icon,.skill-card,.skill-img,.level-dot.active,.progress-fill:after{animation:none;transition:none}.skill-card:hover,.skill-card:hover .skill-img{transform:none}}@media (prefers-color-scheme: dark){.skills-section{background:linear-gradient(135deg,#4a5568 0%,#2d3748 100%)}}.projects-section{padding:var(--spacing-3xl) 0;background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);position:relative;overflow:hidden}.projects-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background: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='%23ffffff' fill-opacity='0.05'%3E%3Ccircle cx='30' cy='30' r='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none}.projects-header{text-align:center;margin-bottom:var(--spacing-3xl);color:var(--white)}.projects-title{font-family:var(--font-display);font-size:3rem;font-weight:700;margin-bottom:var(--spacing-md);background:linear-gradient(135deg,#ffd700 0%,#ffa500 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.projects-subtitle{font-size:1.2rem;color:#fffc;max-width:600px;margin:0 auto;line-height:1.6}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-3xl)}.project-card{perspective:1000px;height:400px}.flip-card{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.175,.885,.32,1.275);cursor:pointer}.flip-card.flipped{transform:rotateY(180deg)}.flip-card-inner{width:100%;height:100%;position:relative;transform-style:preserve-3d}.flip-card-front,.flip-card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:var(--radius-2xl);overflow:hidden;box-shadow:0 20px 40px #0000004d}.flip-card-front{background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);display:flex;flex-direction:column}.flip-card-back{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);transform:rotateY(180deg);padding:var(--spacing-xl);display:flex;flex-direction:column;justify-content:space-between}.project-image{position:relative;height:200px;overflow:hidden}.project-img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.project-card:hover .project-img{transform:scale(1.1)}.project-overlay{position:absolute;top:var(--spacing-md);right:var(--spacing-md);background:rgba(0,0,0,.8);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md)}.project-category{color:var(--white);font-size:.8rem;font-weight:500}.project-info{padding:var(--spacing-lg);flex:1;display:flex;flex-direction:column;justify-content:space-between}.project-title{font-size:1.4rem;font-weight:600;color:var(--white);margin-bottom:var(--spacing-md);line-height:1.3}.project-tech{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.tech-tag{background:rgba(255,255,255,.2);color:var(--white);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);font-size:.8rem;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.flip-hint{padding:var(--spacing-md);text-align:center;background:rgba(255,255,255,.1);border-top:1px solid rgba(255,255,255,.2)}.flip-hint span{color:#ffffffb3;font-size:.9rem;font-style:italic}.project-title-back{font-size:1.5rem;font-weight:600;color:var(--white);margin-bottom:var(--spacing-md);text-align:center}.project-description{color:#ffffffe6;line-height:1.6;margin-bottom:var(--spacing-lg);text-align:center;flex:1}.project-tech-back{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);justify-content:center;margin-bottom:var(--spacing-lg)}.tech-tag-back{background:rgba(255,255,255,.2);color:var(--white);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);font-size:.8rem;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.project-links{display:flex;gap:var(--spacing-md);justify-content:center}.project-link{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-lg);text-decoration:none;font-weight:500;transition:var(--transition);border:2px solid transparent}.project-link.live{background:linear-gradient(135deg,#ff6b6b,#4ecdc4);color:var(--white)}.project-link.github{background:transparent;color:var(--white);border-color:var(--white)}.project-link:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0003}.project-link.github:hover{background:var(--white);color:var(--dark)}.link-icon{font-size:.9rem}.projects-footer{text-align:center;margin-top:var(--spacing-2xl)}.projects-note{font-size:1.1rem;color:#ffffffb3;font-style:italic;max-width:600px;margin:0 auto;line-height:1.6}@media (max-width: 1024px){.projects-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg)}}@media (max-width: 768px){.projects-title{font-size:2.5rem}.projects-subtitle{font-size:1.1rem}.projects-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.project-card{height:350px}.project-image{height:150px}.project-title{font-size:1.2rem}.project-title-back{font-size:1.3rem}.project-links{flex-direction:column;gap:var(--spacing-sm)}.project-link{justify-content:center}}@media (max-width: 480px){.projects-title{font-size:2rem}.projects-subtitle{font-size:1rem}.project-card{height:320px}.project-image{height:120px}.project-info{padding:var(--spacing-md)}.flip-card-back{padding:var(--spacing-lg)}.project-title{font-size:1.1rem}.project-title-back{font-size:1.2rem}.project-description{font-size:.9rem}}@media (prefers-reduced-motion: reduce){.flip-card{transition:none}.project-card:hover .project-img,.project-link:hover{transform:none}}@media (hover: none){.flip-card{cursor:default}.flip-hint{display:none}}.contact-section{padding:var(--spacing-3xl) 0;background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%);position:relative;overflow:hidden}.contact-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background: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='%23ffffff' fill-opacity='0.05'%3E%3Ccircle cx='30' cy='30' r='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none}.contact-header{text-align:center;margin-bottom:var(--spacing-3xl);color:var(--white)}.contact-title{font-family:var(--font-display);font-size:3rem;font-weight:700;margin-bottom:var(--spacing-md);background:linear-gradient(135deg,#ffd700 0%,#ffa500 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.contact-subtitle{font-size:1.2rem;color:#fffc;max-width:600px;margin:0 auto;line-height:1.6}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-3xl);align-items:start}.contact-info{background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-2xl);padding:var(--spacing-2xl);height:100%}.info-content{height:100%;display:flex;flex-direction:column}.info-title{font-size:1.8rem;font-weight:600;color:var(--white);margin-bottom:var(--spacing-md)}.info-description{color:#ffffffe6;line-height:1.6;margin-bottom:var(--spacing-xl);flex:1}.contact-details{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.contact-detail{display:flex;align-items:center;gap:var(--spacing-md);color:#ffffffe6;text-decoration:none;padding:var(--spacing-sm);border-radius:var(--radius-md);transition:var(--transition)}.contact-detail:hover{background:rgba(255,255,255,.1);color:var(--white)}.detail-icon{font-size:1.2rem;color:gold;min-width:20px}.detail-text{font-size:1rem;font-weight:500}.social-links-contact{display:flex;gap:var(--spacing-md);justify-content:center}.social-link-contact{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:var(--transition);color:var(--white);text-decoration:none;font-size:1.2rem}.social-link-contact:hover{background:var(--primary);transform:translateY(-3px) scale(1.1);box-shadow:0 10px 25px #0003}.contact-form-container{background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-2xl);padding:var(--spacing-2xl)}.contact-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-title{font-size:1.5rem;font-weight:600;color:var(--white);margin-bottom:var(--spacing-md);text-align:center}.form-group{position:relative}.form-input,.form-textarea{width:100%;padding:var(--spacing-md);border:2px solid rgba(255,255,255,.2);border-radius:var(--radius-lg);background:rgba(255,255,255,.1);color:var(--white);font-size:1rem;transition:var(--transition);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.form-input::placeholder,.form-textarea::placeholder{color:#ffffffb3}.form-input:focus,.form-textarea:focus{outline:none;border-color:gold;background:rgba(255,255,255,.15);box-shadow:0 0 0 3px #ffd7001a}.form-textarea{resize:vertical;min-height:120px}.char-count{position:absolute;bottom:var(--spacing-xs);right:var(--spacing-xs);font-size:.8rem;color:#fff9}.submit-button{background:linear-gradient(135deg,#ff6b6b,#4ecdc4);color:var(--white);border:none;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-lg);font-size:1.1rem;font-weight:600;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.submit-button:hover:not(:disabled){background:linear-gradient(135deg,#ff5252,#26a69a);transform:translateY(-2px);box-shadow:0 10px 25px #0000004d}.submit-button:disabled{opacity:.7;cursor:not-allowed}.submit-icon{font-size:1rem}.loading-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid var(--white);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1024px){.contact-content{grid-template-columns:1fr;gap:var(--spacing-2xl)}.contact-info,.contact-form-container{padding:var(--spacing-xl)}}@media (max-width: 768px){.contact-title{font-size:2.5rem}.contact-subtitle{font-size:1.1rem}.info-title{font-size:1.5rem}.contact-detail{gap:var(--spacing-sm);padding:var(--spacing-xs)}.detail-icon{font-size:1rem}.detail-text{font-size:.9rem}.social-link-contact{width:45px;height:45px;font-size:1.1rem}.form-title{font-size:1.3rem}.form-input,.form-textarea{padding:var(--spacing-sm);font-size:.9rem}.submit-button{padding:var(--spacing-sm) var(--spacing-lg);font-size:1rem}}@media (max-width: 480px){.contact-title{font-size:2rem}.contact-subtitle{font-size:1rem}.contact-info,.contact-form-container{padding:var(--spacing-lg)}.info-title{font-size:1.3rem}.info-description{font-size:.9rem}.contact-details,.social-links-contact{gap:var(--spacing-sm)}.social-link-contact{width:40px;height:40px;font-size:1rem}.form-title{font-size:1.2rem}}@media (prefers-reduced-motion: reduce){.contact-detail,.social-link-contact,.submit-button,.form-input,.form-textarea{transition:none}.loading-spinner{animation:none}}.form-input:focus,.form-textarea:focus,.submit-button:focus,.contact-detail:focus,.social-link-contact:focus{outline:2px solid #ffd700;outline-offset:2px}.footer:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background: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='%23ffffff' fill-opacity='0.03'%3E%3Ccircle cx='30' cy='30' r='1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none}.footer-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);position:relative;z-index:2}.footer-copyright{display:flex;flex-direction:column;gap:var(--spacing-xs)}.copyright-text{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.9rem}.copyright-icon{font-size:.8rem;color:gold}.developer-credit{font-size:.9rem}.developer-credit strong{color:gold;font-weight:600}.footer-social{display:flex;gap:var(--spacing-md)}.footer-social-link{display:flex;align-items:center;justify-content:center;width:45px;height:45px;border-radius:50%;background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:var(--transition);color:var(--white);text-decoration:none;position:relative;overflow:hidden}.footer-social-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--social-color),transparent);transition:left .5s}.footer-social-link:hover:before{left:100%}.footer-social-link:hover{background:var(--social-color);transform:translateY(-3px);box-shadow:0 8px 20px #0000004d}.footer-social-icon{font-size:1.2rem;position:relative;z-index:1;color:#000}.back-to-top{background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:var(--white);width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);position:relative;overflow:hidden}.back-to-top:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,215,0,.2),transparent);transition:left .5s}.back-to-top:hover:before{left:100%}.back-to-top:hover{background:rgba(255,215,0,.2);border-color:#ffd70066;transform:translateY(-3px);box-shadow:0 8px 20px #0000004d}.footer-bottom{text-align:center;padding-top:var(--spacing-lg);border-top:1px solid rgba(255,255,255,.1);position:relative;z-index:2}.footer-note{font-size:.9rem;color:#fff9;font-style:italic}@media (max-width: 768px){.footer-content{flex-direction:column;gap:var(--spacing-xl);text-align:center}.footer-copyright{order:2}.footer-social{order:1}.back-to-top{order:3}.footer-social-link{width:40px;height:40px}.footer-social-icon{font-size:1.1rem}.back-to-top{width:45px;height:45px}}@media (max-width: 480px){.footer{padding:var(--spacing-xl) 0 var(--spacing-md)}.copyright-text,.developer-credit{font-size:.8rem}.footer-social{gap:var(--spacing-sm)}.footer-social-link{width:35px;height:35px}.footer-social-icon{font-size:1rem}.back-to-top{width:40px;height:40px}.footer-note{font-size:.8rem}}@media (prefers-reduced-motion: reduce){.footer-social-link,.back-to-top{transition:none}.footer-social-link:before,.back-to-top:before{display:none}.footer-social-link:hover,.back-to-top:hover{transform:none}}.footer-social-link:focus,.back-to-top:focus{outline:2px solid #ffd700;outline-offset:2px}.footer{background:linear-gradient(135deg,#2d3748 0%,#1a202c 100%);color:#ffffffb3;padding:var(--spacing-2xl) 0 var(--spacing-md);position:relative;overflow:hidden}.data-link a{color:#000;text-decoration:none}@keyframes socialFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.footer-social-link:nth-child(1){animation:socialFloat 3s ease-in-out infinite 0s}.footer-social-link:nth-child(2){animation:socialFloat 3s ease-in-out infinite .5s}.footer-social-link:nth-child(3){animation:socialFloat 3s ease-in-out infinite 1s}.footer-social-link:nth-child(4){animation:socialFloat 3s ease-in-out infinite 1.5s}@media (prefers-reduced-motion: reduce){.footer-social-link{animation:none}}.app{min-height:100vh;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}section{scroll-margin-top:80px}.glass{background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-xl)}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn-primary{background:var(--gradient-primary);color:var(--white);padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--radius-lg);font-weight:600;transition:var(--transition);cursor:pointer;box-shadow:var(--shadow-md)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background:transparent;color:var(--primary);border:2px solid var(--primary);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-lg);font-weight:600;transition:var(--transition);cursor:pointer}.btn-secondary:hover{background:var(--primary);color:var(--white);transform:translateY(-2px)}.card{background:var(--white);border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:var(--shadow-lg);transition:var(--transition)}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl)}.grid{display:grid;gap:var(--spacing-lg)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-column{display:flex;flex-direction:column}.mt-1{margin-top:var(--spacing-xs)}.mt-2{margin-top:var(--spacing-sm)}.mt-3{margin-top:var(--spacing-md)}.mt-4{margin-top:var(--spacing-lg)}.mt-5{margin-top:var(--spacing-xl)}.mb-1{margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:var(--spacing-lg)}.mb-5{margin-bottom:var(--spacing-xl)}.p-1{padding:var(--spacing-xs)}.p-2{padding:var(--spacing-sm)}.p-3{padding:var(--spacing-md)}.p-4{padding:var(--spacing-lg)}.p-5{padding:var(--spacing-xl)}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-black{font-weight:900}@media (max-width: 768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.flex-column-mobile{flex-direction:column}.text-center-mobile{text-align:center}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.interactive{cursor:pointer;transition:var(--transition)}.interactive:hover{transform:scale(1.05)}.focus\:ring:focus{box-shadow:0 0 0 3px #6366f14d;outline:none}@media (prefers-color-scheme: dark){.dark\:bg-dark{background:var(--dark)}.dark\:text-light{color:var(--light)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--primary: #6366f1;--primary-dark: #4f46e5;--primary-light: #818cf8;--secondary: #f59e0b;--accent: #ec4899;--dark: #1f2937;--dark-2: #374151;--light: #f9fafb;--light-2: #e5e7eb;--white: #ffffff;--black: #000000;--gradient-primary: linear-gradient(135deg, var(--primary), var(--primary-dark));--gradient-secondary: linear-gradient(135deg, var(--secondary), #f97316);--gradient-accent: linear-gradient(135deg, var(--accent), #db2777);--gradient-dark: linear-gradient(135deg, var(--dark), #111827);--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Playfair Display", serif;--font-special: "Zeyada", cursive;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--transition: all .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: all .5s cubic-bezier(.4, 0, .2, 1)}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-primary);line-height:1.6;color:var(--dark);background:var(--light);overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--light-2)}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:var(--radius-md)}::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}::selection{background:var(--primary-light);color:var(--white)}*:focus{outline:2px solid var(--primary);outline-offset:2px}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.section{padding:var(--spacing-3xl) 0}.text-center{text-align:center}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-fade-in-up{animation:fadeInUp .8s ease-out}.animate-fade-in-left{animation:fadeInLeft .8s ease-out}.animate-fade-in-right{animation:fadeInRight .8s ease-out}.animate-scale-in{animation:scaleIn .6s ease-out}.animate-float{animation:float 3s ease-in-out infinite}@media (max-width: 768px){:root{--spacing-xl: 1.5rem;--spacing-2xl: 2rem;--spacing-3xl: 2.5rem}.container{padding:0 var(--spacing-sm)}}@media (max-width: 480px){:root{--spacing-lg: 1rem;--spacing-xl: 1.25rem;--spacing-2xl: 1.5rem;--spacing-3xl: 2rem}}