:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);color:#333}h1{font-size:3.2em;line-height:1.1;font-weight:700}h2{font-size:2.2em;line-height:1.2;font-weight:600}h3{font-size:1.5em;line-height:1.3;font-weight:600}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:all .25s ease}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190)}::selection{background:#667eea4d;color:#333}::-moz-selection{background:#667eea4d;color:#333}*:focus{outline:2px solid #667eea;outline-offset:2px}html{scroll-behavior:smooth}@media (prefers-color-scheme: dark){:root{color:#fff;background-color:#1a1a1a}body{background:linear-gradient(135deg,#1a1a1a,#2d3748);color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9;color:#1a1a1a}button:hover{background-color:#e0e0e0}::-webkit-scrollbar-track{background:#2a2a2a}::selection{background:#667eea66;color:#fff}::-moz-selection{background:#667eea66;color:#fff}}@media (max-width: 768px){h1{font-size:2.5em}h2{font-size:1.8em}h3{font-size:1.3em}}@media (max-width: 480px){h1{font-size:2em}h2{font-size:1.5em}h3{font-size:1.2em}}.slide-in{animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}.mt-5{margin-top:3rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.mb-5{margin-bottom:3rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:1rem}.p-4{padding:1.5rem}.p-5{padding:3rem}.navbar{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 10px #0000001a;position:sticky;top:0;z-index:1000}.nav-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;height:70px}.logo-container{display:flex;align-items:center;gap:12px}.logo-image{width:40px;height:40px;object-fit:contain;filter:brightness(0) invert(1);transition:all .3s ease}.logo-image:hover{transform:scale(1.05)}.nav-logo h2{color:#fff;margin:0;font-size:1.5em;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.1)}.nav-menu{display:flex;gap:30px;list-style:none;margin:0;padding:0}.nav-link{color:#fff;text-decoration:none;font-weight:500;font-size:1.1em;padding:8px 16px;border-radius:6px;transition:all .3s ease;position:relative;background:none;border:none;cursor:pointer;font-family:inherit}.nav-link:hover,.nav-link.active{background:#fff3;transform:translateY(-2px)}.nav-link.active:after{width:80%}.nav-link:after{content:"";position:absolute;bottom:-5px;left:50%;width:0;height:2px;background:#fff;transition:all .3s ease;transform:translate(-50%)}.nav-link:hover:after,.nav-link.active:after{width:80%}.logout-btn{background:#ffffff1a!important;border:1px solid rgba(255,255,255,.3)!important}.logout-btn:hover{background:#fff3!important;border-color:#ffffff80!important}.nav-toggle{display:none;flex-direction:column;cursor:pointer;padding:5px}.bar{width:25px;height:3px;background:#fff;margin:3px 0;transition:.3s;border-radius:2px}@media screen and (max-width: 768px){.nav-menu{position:fixed;left:-100%;top:70px;flex-direction:column;background:linear-gradient(135deg,#667eea,#764ba2);width:100%;text-align:center;transition:.3s;box-shadow:0 10px 27px #0000000d;padding:20px 0;gap:0}.nav-menu.active{left:0}.nav-link{padding:15px;display:block;margin:5px 0}.nav-toggle{display:flex}.nav-toggle.active .bar:nth-child(2){opacity:0}.nav-toggle.active .bar:nth-child(1){transform:translateY(8px) rotate(45deg)}.nav-toggle.active .bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}}@media screen and (max-width: 480px){.nav-container{padding:0 15px}.nav-logo h2{font-size:1.3em}.logo-image{width:35px;height:35px}.logo-container{gap:8px}}.signup-container{display:flex;justify-content:center;align-items:center;min-height:80vh;padding:20px}.signup-form{background:#fff;padding:40px;border-radius:12px;box-shadow:0 10px 30px #0000001a;width:100%;max-width:450px;border:1px solid #e1e5e9}.signup-form h2{text-align:center;margin-bottom:8px;color:#333;font-size:2em;font-weight:600}.signup-subtitle{text-align:center;color:#666;margin-bottom:30px;font-size:1.1em}.signup-footer{text-align:center;margin-top:25px;padding-top:20px;border-top:1px solid #e1e5e9}.signup-footer p{color:#666;margin:0}.signup-footer a,.link-btn{color:#667eea;text-decoration:none;font-weight:600;background:none;border:none;cursor:pointer;padding:0;margin-left:5px}.signup-footer a:hover,.link-btn:hover{text-decoration:underline;color:#5a6fd8}.success-message{text-align:center;background:#fff;padding:40px;border-radius:12px;box-shadow:0 10px 30px #0000001a;max-width:450px;border:1px solid #e1e5e9}.success-message h2{color:#27ae60;margin-bottom:15px;font-size:1.8em}.success-message p{color:#666;margin-bottom:10px;line-height:1.6}@media (max-width: 480px){.signup-container{padding:15px}.signup-form,.success-message{padding:30px 20px}.signup-form h2{font-size:1.6em}.form-group input{padding:10px 14px}.btn-primary{padding:12px 18px;font-size:1em}}@media (prefers-color-scheme: dark){.signup-form,.success-message{background:#1a1a1a;border-color:#333;color:#fff}.signup-form h2,.form-group label{color:#fff}.signup-subtitle,.signup-footer p,.success-message p{color:#ccc}.form-group input{background:#2a2a2a;border-color:#444;color:#fff}.form-group input:focus{border-color:#667eea;background:#333}.btn-secondary{background:#2a2a2a;border-color:#667eea;color:#667eea}}.login-container{display:flex;justify-content:center;align-items:center;min-height:80vh;padding:20px}.login-form{background:#fff;padding:40px;border-radius:12px;box-shadow:0 10px 30px #0000001a;width:100%;max-width:400px;border:1px solid #e1e5e9}.login-form h2{text-align:center;margin-bottom:8px;color:#333;font-size:2em;font-weight:600}.login-subtitle{text-align:center;color:#666;margin-bottom:30px;font-size:1.1em}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#333;font-weight:500;font-size:.95em}.form-group input{width:100%;padding:12px 16px;border:2px solid #e1e5e9;border-radius:8px;font-size:1em;transition:all .3s ease;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input.error{border-color:#e74c3c;box-shadow:0 0 0 3px #e74c3c1a}.error-message{display:block;color:#e74c3c;font-size:.85em;margin-top:5px;font-weight:500}.btn-primary{width:100%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:14px 20px;border-radius:8px;font-size:1.1em;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:10px}.btn-primary:active{transform:translateY(0)}.login-footer{text-align:center;margin-top:25px;padding-top:20px;border-top:1px solid #e1e5e9}.login-footer p{color:#666;margin:0}.link-btn{background:none;border:none;color:#667eea;text-decoration:none;font-weight:600;cursor:pointer;padding:0;margin-left:5px}.link-btn:hover{text-decoration:underline;color:#5a6fd8}@media (max-width: 480px){.login-container{padding:15px}.login-form{padding:30px 20px}.login-form h2{font-size:1.6em}.form-group input{padding:10px 14px}.btn-primary{padding:12px 18px;font-size:1em}}@media (prefers-color-scheme: dark){.login-form{background:#1a1a1a;border-color:#333;color:#fff}.login-form h2,.form-group label{color:#fff}.login-subtitle,.login-footer p{color:#ccc}.form-group input{background:#2a2a2a;border-color:#444;color:#fff}.form-group input:focus{border-color:#667eea;background:#333}}.user-card{display:flex;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;padding:20px;margin:10px;box-shadow:0 4px 15px #0000001a;transition:transform .3s ease,box-shadow .3s ease;max-width:350px;color:#fff}.user-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0003}.user-avatar{width:60px;height:60px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;margin-right:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3)}.user-info{flex:1}.user-name{margin:0 0 8px;font-size:1.2em;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.1)}.user-email{margin:0;font-size:.9em;opacity:.9;font-weight:400}@media (max-width: 480px){.user-card{flex-direction:column;text-align:center;padding:15px}.user-avatar{margin-right:0;margin-bottom:10px}}.home-page{max-width:1200px;margin:0 auto;padding:20px}.hero-section{text-align:center;padding:60px 20px;background:#ffffffe6;border-radius:16px;box-shadow:0 8px 32px #0000001a;margin-bottom:50px}.home-image-container{margin-bottom:30px}.home-hero-image{width:90%;height:auto;max-height:500px;border-radius:12px;box-shadow:0 8px 24px #00000026;transition:transform .3s ease,box-shadow .3s ease}.home-hero-image:hover{transform:scale(1.02);box-shadow:0 12px 32px #0003}.hero-section h1{font-size:3.5em;margin-bottom:20px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.hero-section p{font-size:1.3em;color:#666;margin-bottom:30px;max-width:600px;margin-left:auto;margin-right:auto}.welcome-message{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px;border-radius:12px;margin-top:30px;display:inline-block;min-width:300px}.welcome-message h3{margin:0 0 10px;font-size:1.4em}.welcome-message p{margin:0;color:#ffffffe6;font-size:1em}.featured-users-section{margin-bottom:50px}.featured-users-section h2{text-align:center;font-size:2.5em;margin-bottom:15px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:600}.featured-users-section p{text-align:center;font-size:1.2em;color:#666;margin-bottom:40px}.users-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:20px;justify-items:center}.stats-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;margin-top:60px}.stat-card{background:#ffffffe6;padding:30px;border-radius:16px;box-shadow:0 8px 32px #0000001a;text-align:center;transition:transform .3s ease,box-shadow .3s ease;border:1px solid rgba(255,255,255,.2)}.stat-card:hover{transform:translateY(-8px);box-shadow:0 16px 48px #00000026}.stat-card h3{font-size:2.5em;margin-bottom:10px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.stat-card p{color:#666;font-size:1.1em;font-weight:500;margin:0}@media (max-width: 768px){.home-page{padding:15px}.hero-section{padding:40px 20px}.home-hero-image{width:100%;max-height:350px}.hero-section h1{font-size:2.5em}.hero-section p{font-size:1.1em}.welcome-message{min-width:auto;width:100%;max-width:400px}.users-grid{grid-template-columns:1fr;gap:15px}.stats-section{grid-template-columns:1fr;gap:20px}.featured-users-section h2{font-size:2em}}@media (max-width: 480px){.hero-section h1{font-size:2em}.hero-section p{font-size:1em}.home-hero-image{max-height:250px}.welcome-message h3{font-size:1.2em}.stat-card{padding:25px 20px}.stat-card h3{font-size:2em}}@media (prefers-color-scheme: dark){.hero-section,.stat-card{background:#1a1a1ae6;border-color:#333}.hero-section p,.featured-users-section p,.stat-card p{color:#ccc}.current-user-section h2{color:#fff}}.about-page{max-width:1200px;margin:0 auto;padding:20px}.about-hero{text-align:center;padding:60px 20px;background:#ffffffe6;border-radius:16px;box-shadow:0 8px 32px #0000001a;margin-bottom:50px}.about-image-container{margin-bottom:30px}.about-hero-image{max-width:100%;height:auto;max-height:400px;border-radius:12px;box-shadow:0 8px 24px #00000026;transition:transform .3s ease,box-shadow .3s ease}.about-hero-image:hover{transform:scale(1.02);box-shadow:0 12px 32px #0003}.about-hero h1{font-size:3.5em;margin-bottom:20px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.about-hero p{font-size:1.3em;color:#666;max-width:600px;margin:0 auto;line-height:1.6}.about-content{display:flex;flex-direction:column;gap:50px}.about-section{background:#ffffffe6;padding:40px;border-radius:16px;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2)}.about-section h2{font-size:2.2em;margin-bottom:20px;color:#333;font-weight:600}.about-section p{font-size:1.1em;color:#666;line-height:1.8;margin:0}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;margin-top:30px}.value-card{background:linear-gradient(135deg,#f8f9ff,#e8ecff);padding:30px;border-radius:12px;text-align:center;transition:transform .3s ease,box-shadow .3s ease;border:1px solid rgba(102,126,234,.1)}.value-card:hover{transform:translateY(-5px);box-shadow:0 12px 30px #667eea26}.value-icon{font-size:3em;margin-bottom:15px}.value-card h3{font-size:1.3em;margin-bottom:15px;color:#333;font-weight:600}.value-card p{font-size:.95em;color:#666;line-height:1.6;margin:0}.team-section{text-align:center}.team-section h2{font-size:2.5em;margin-bottom:15px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:600}.team-section p{font-size:1.2em;color:#666;margin-bottom:40px}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:20px;justify-items:center}.stats-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;background:#ffffffe6;padding:40px;border-radius:16px;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2)}.stat-item{text-align:center;padding:20px;border-radius:12px;background:linear-gradient(135deg,#f8f9ff,#e8ecff);transition:transform .3s ease}.stat-item:hover{transform:translateY(-3px)}.stat-item h3{font-size:2.5em;margin-bottom:10px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.stat-item p{color:#666;font-size:1em;font-weight:500;margin:0}@media (max-width: 768px){.about-page{padding:15px}.about-hero{padding:40px 20px}.about-hero-image{max-height:250px}.about-hero h1{font-size:2.5em}.about-hero p{font-size:1.1em}.about-section{padding:30px 25px}.about-section h2{font-size:1.8em}.values-grid{grid-template-columns:1fr;gap:20px}.value-card{padding:25px}.team-grid{grid-template-columns:1fr;gap:15px}.stats-section{grid-template-columns:repeat(2,1fr);gap:20px;padding:30px 25px}.team-section h2{font-size:2em}}@media (max-width: 480px){.about-hero h1{font-size:2em}.about-hero p{font-size:1em}.about-hero-image{max-height:200px}.about-section{padding:25px 20px}.about-section h2{font-size:1.6em}.value-card{padding:20px}.value-icon{font-size:2.5em}.stats-section{grid-template-columns:1fr;padding:25px 20px}.stat-item h3{font-size:2em}}@media (prefers-color-scheme: dark){.about-hero,.about-section,.stats-section{background:#1a1a1ae6;border-color:#333}.about-hero p,.about-section p,.team-section p,.value-card p,.stat-item p{color:#ccc}.about-section h2,.value-card h3{color:#fff}.value-card{background:linear-gradient(135deg,#2a2a2a,#3a3a3a);border-color:#444}.stat-item{background:linear-gradient(135deg,#2a2a2a,#3a3a3a)}}.contact-page{max-width:1200px;margin:0 auto;padding:20px}.contact-hero{text-align:center;padding:60px 20px;background:#ffffffe6;border-radius:16px;box-shadow:0 8px 32px #0000001a;margin-bottom:50px}.contact-hero h1{font-size:3.5em;margin-bottom:20px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.contact-hero p{font-size:1.3em;color:#666;max-width:600px;margin:0 auto;line-height:1.6}.contact-content{display:flex;gap:50px;margin-bottom:60px;align-items:stretch}.same-height-box{flex:1;display:flex;flex-direction:column;justify-content:space-between;min-height:100%}.contact-form-section,.contact-info-section{background:#ffffffe6;padding:40px;border-radius:16px;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2);height:100%}.contact-form-section h2,.contact-info-section h2{font-size:2em;margin-bottom:30px;color:#333;font-weight:600}.contact-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column}.form-group label{margin-bottom:8px;color:#333;font-weight:500;font-size:.95em}.form-group input,.form-group textarea{padding:12px 16px;border:2px solid #e1e5e9;border-radius:8px;font-size:1em;transition:all .3s ease;font-family:inherit;resize:vertical}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:14px 20px;border-radius:8px;font-size:1.1em;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:10px}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d}.btn-secondary{background:#f8f9fa;color:#667eea;border:2px solid #667eea;padding:12px 24px;border-radius:8px;font-size:1em;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-secondary:hover{background:#667eea;color:#fff;transform:translateY(-2px)}.contact-methods{display:grid;grid-template-columns:1fr;gap:25px}.contact-method{padding:25px;border-radius:12px;background:linear-gradient(135deg,#f8f9ff,#e8ecff);border:1px solid rgba(102,126,234,.1);transition:transform .3s ease,box-shadow .3s ease}.contact-method:hover{transform:translateY(-3px);box-shadow:0 8px 20px #667eea26}.method-icon{font-size:2.5em;margin-bottom:15px}.contact-method h3{font-size:1.3em;margin-bottom:10px;color:#333;font-weight:600}.contact-method p{color:#666;margin:5px 0;line-height:1.5}.contact-method p:first-of-type{font-weight:600;color:#333}.support-team-section{text-align:center;background:#ffffffe6;padding:50px 40px;border-radius:16px;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2)}.support-team-section h2{font-size:2.5em;margin-bottom:15px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:600}.support-team-section p{font-size:1.2em;color:#666;margin-bottom:40px;max-width:600px;margin-left:auto;margin-right:auto}.support-team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:20px;justify-items:center}.contact-success{text-align:center;background:#ffffffe6;padding:60px 40px;border-radius:16px;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2);max-width:500px;margin:100px auto}.success-icon{width:80px;height:80px;background:linear-gradient(135deg,#27ae60,#2ecc71);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5em;color:#fff;margin:0 auto 20px;font-weight:700}.contact-success h2{color:#27ae60;margin-bottom:15px;font-size:2em;font-weight:600}.contact-success p{color:#666;margin-bottom:30px;line-height:1.6;font-size:1.1em}@media (max-width: 768px){.contact-page{padding:15px}.contact-hero{padding:40px 20px}.contact-hero h1{font-size:2.5em}.contact-hero p{font-size:1.1em}.contact-content{flex-direction:column;gap:30px}.contact-form-section,.contact-info-section{padding:30px 25px}.support-team-section{padding:40px 25px}.support-team-grid{grid-template-columns:1fr;gap:15px}.support-team-section h2{font-size:2em}.contact-success{padding:40px 25px;margin:50px auto}}@media (max-width: 480px){.contact-hero h1{font-size:2em}.contact-hero p{font-size:1em}.contact-form-section,.contact-info-section{padding:25px 20px}.contact-form-section h2,.contact-info-section h2{font-size:1.6em}.contact-method{padding:20px}.method-icon{font-size:2em}.support-team-section,.contact-success{padding:30px 20px}.success-icon{width:60px;height:60px;font-size:2em}}@media (prefers-color-scheme: dark){.contact-hero,.contact-form-section,.contact-info-section,.support-team-section,.contact-success{background:#1a1a1ae6;border-color:#333}.contact-hero p,.support-team-section p,.contact-success p,.contact-method p{color:#ccc}.contact-form-section h2,.contact-info-section h2,.contact-method h3,.form-group label{color:#fff}.contact-method p:first-of-type{color:#ccc}.form-group input,.form-group textarea{background:#2a2a2a;border-color:#444;color:#fff}.form-group input:focus,.form-group textarea:focus{border-color:#667eea;background:#333}.contact-method{background:linear-gradient(135deg,#2a2a2a,#3a3a3a);border-color:#444}.btn-secondary{background:#2a2a2a;border-color:#667eea;color:#667eea}}.footer{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;margin-top:60px}.footer-container{max-width:1200px;margin:0 auto;padding:50px 20px 20px}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-bottom:40px}.footer-section h3{font-size:1.8em;margin-bottom:15px;font-weight:700;color:#fff}.footer-section h4{font-size:1.2em;margin-bottom:15px;font-weight:600;color:#fff}.footer-section p{color:#ffffffe6;line-height:1.6;margin-bottom:10px}.footer-section ul{list-style:none;padding:0;margin:0}.footer-section ul li{margin-bottom:8px}.footer-section ul li a,.footer-link{color:#fffc;text-decoration:none;transition:color .3s ease;background:none;border:none;cursor:pointer;font-family:inherit;font-size:inherit;padding:0}.footer-section ul li a:hover,.footer-link:hover{color:#fff;text-decoration:underline}.social-media{display:flex;flex-direction:row;gap:15px;align-items:center;justify-content:center;flex-wrap:wrap}.footer-section.social{text-align:center}.social-link{display:flex;align-items:center;justify-content:center;color:#ffffffe6;text-decoration:none;transition:all .3s ease;padding:15px;border-radius:12px;background:#ffffff26;width:60px;height:60px;border:2px solid rgba(255,255,255,.2)}.social-link:hover{color:#fff;background:#ffffff40;transform:translateY(-5px);border-color:#fff6;box-shadow:0 8px 20px #0003}.social-icon{width:28px;height:28px;transition:all .3s ease}.social-link:hover .social-icon{transform:scale(1.1)}.social-icon.linkedin{color:#0077b5}.social-icon.github{color:#333}.social-link:hover .social-icon.linkedin{color:#0077b5}.social-link:hover .social-icon.github{color:#333}.footer-divider{height:1px;background:#fff3;margin:20px 0}.footer-bottom-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.footer-bottom-content p{margin:0;color:#fffc;font-size:.9em}.footer-bottom-links{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.footer-bottom-links a{color:#fffc;text-decoration:none;font-size:.9em;transition:color .3s ease}.footer-bottom-links a:hover{color:#fff;text-decoration:underline}.footer-bottom-links span{color:#ffffff80}@media (max-width: 768px){.footer-container{padding:40px 15px 20px}.footer-content{grid-template-columns:1fr;gap:30px}.footer-section{text-align:center}.social-media{justify-content:center}.footer-bottom-content{flex-direction:column;text-align:center;gap:15px}.footer-bottom-links{justify-content:center}}@media (max-width: 480px){.footer-container{padding:30px 15px 15px}.footer-section h3{font-size:1.5em}.footer-section h4{font-size:1.1em}.social-link{padding:6px 10px}.social-icon{width:28px;height:28px;font-size:1.3em}.footer-bottom-links{flex-direction:column;gap:10px}.footer-bottom-links span{display:none}}@media (prefers-color-scheme: dark){.footer{background:linear-gradient(135deg,#4a5568,#2d3748)}}@keyframes socialPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.social-link:hover .social-icon{animation:socialPulse .6s ease-in-out}.App{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.main-content{max-width:1200px;margin:0 auto;padding:20px;min-height:calc(100vh - 70px)}.App:not(:has(.navbar)) .main-content{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px}.main-content.auth-view{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px}.back-navigation{margin-bottom:20px}.back-btn{background:#ffffffe6;border:2px solid #667eea;color:#667eea;padding:10px 20px;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease;font-size:.95em}.back-btn:hover{background:#667eea;color:#fff;transform:translateY(-2px)}.home-section{text-align:center}.hero{margin-bottom:50px;padding:40px 20px;background:#ffffffe6;border-radius:16px;box-shadow:0 8px 32px #0000001a}.hero h1{font-size:3em;margin-bottom:20px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.hero p{font-size:1.2em;color:#666;max-width:600px;margin:0 auto;line-height:1.6}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-bottom:50px}.feature-card{background:#fffffff2;padding:30px;border-radius:16px;box-shadow:0 8px 32px #0000001a;transition:transform .3s ease,box-shadow .3s ease;border:1px solid rgba(255,255,255,.2)}.feature-card:hover{transform:translateY(-8px);box-shadow:0 16px 48px #00000026}.feature-card h3{font-size:1.5em;margin-bottom:15px;color:#333;font-weight:600}.feature-card p{color:#666;line-height:1.6;margin-bottom:20px}.feature-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease;font-size:1em}.feature-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d}.tech-stack{background:#ffffffe6;padding:30px;border-radius:16px;box-shadow:0 8px 32px #0000001a}.tech-stack h3{font-size:1.8em;margin-bottom:20px;color:#333;font-weight:600}.tech-items{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.tech-item{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:8px 16px;border-radius:20px;font-weight:500;font-size:.9em;box-shadow:0 4px 15px #667eea33}.user-cards-section{text-align:center}.user-cards-section h2{font-size:2.5em;margin-bottom:15px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:600}.user-cards-section p{font-size:1.1em;color:#666;margin-bottom:40px}.user-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:20px;margin-bottom:30px;justify-items:center}.fade-in{animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.main-content{padding:15px}.hero h1{font-size:2.2em}.hero p{font-size:1.1em}.features-grid{grid-template-columns:1fr;gap:20px}.feature-card{padding:25px}.user-cards-grid{grid-template-columns:1fr;gap:15px}.tech-items{gap:10px}.tech-item{font-size:.85em;padding:6px 12px}}@media (max-width: 480px){.hero{padding:30px 15px}.hero h1{font-size:1.8em}.feature-card{padding:20px}.tech-stack{padding:25px 20px}}@media (prefers-color-scheme: dark){.App{background:linear-gradient(135deg,#1a1a1a,#2d3748)}.hero,.feature-card,.tech-stack{background:#1a1a1ae6;border-color:#333}.hero p,.feature-card p,.user-cards-section p{color:#ccc}.feature-card h3,.tech-stack h3{color:#fff}.back-btn{background:#1a1a1ae6;border-color:#667eea;color:#667eea}.back-btn:hover{background:#667eea;color:#fff}}