@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800;900&display=swap";:root{--primary-blue:#007bff;--dark-blue:#045aaf;--success-green:#4caf50;--green-line:#5cb85c;--light-bg:#f8f9fa;--white:#fff;--text-dark:#333;--text-light:#666;--bg-page:#f4f7fa}*{box-sizing:border-box;margin:0;padding:0;font-family:Poppins,sans-serif}body{background-color:var(--bg-page);color:var(--text-dark);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:Poppins,sans-serif;transition:all .3s}input,select,textarea{font-family:Poppins,sans-serif}.navbar{background-color:var(--primary-blue);z-index:1000;justify-content:space-between;align-items:center;padding:15px 50px;display:flex;position:sticky;top:0;box-shadow:0 2px 4px #0000001a}.logo{letter-spacing:.5px;font-size:1.6em;font-weight:800}.logo-bachelor,.logo-life{color:#fff}.nav-links{align-items:center;gap:5px;display:flex}.nav-links a{color:var(--white);margin:0 15px;font-weight:700;transition:color .3s}.nav-links a:hover,.nav-links a.active{color:var(--success-green)}.login-btn{color:var(--white);background-color:#0000;border:2px solid #ffffffb3;border-radius:6px;padding:7px 22px;font-weight:700;transition:all .3s}.login-btn:hover{color:var(--white);background-color:#ffffff26}.footer{background-color:var(--primary-blue);color:#fff;text-align:center;margin-top:40px;padding:20px 0}.footer-content{flex-direction:column;align-items:center;gap:10px;display:flex}.footer-links{align-items:center;gap:10px;display:flex}.footer-links a{color:#fff;font-weight:500;transition:color .3s}.footer-links a:hover{color:var(--success-green)}.separator{color:#ffffff80}.container{max-width:1200px;margin:0 auto;padding:0 20px}@keyframes fadeInSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes cardEntrance{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (width<=768px){.navbar{flex-direction:column;gap:12px;padding:15px 20px}.nav-links a{margin:0 10px;font-size:.9em}}@media (width<=480px){.navbar{flex-direction:column;gap:10px}}.hero-section{background-color:var(--light-bg);text-align:center;padding:80px 50px;animation:1s ease-out .3s both fadeInSlideUp}.hero-content{max-width:900px;margin:0 auto}.hero-section h1{color:var(--dark-blue);margin-bottom:15px;font-size:3.5em;font-weight:800}.hero-section p{color:#000;margin-bottom:40px;font-size:1.15em}.search-box{background-color:var(--white);border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:15px;padding:15px 20px;animation:1s ease-out .8s both slideUp;display:flex;box-shadow:0 8px 20px #0000001f}.search-input-group{align-items:center;gap:8px;display:flex}.search-input-group svg{color:var(--text-light);padding-top:5px}.icon-search{color:var(--text-light);font-size:1.1em}.search-input{border:1px solid #ddd;border-radius:8px;outline:none;flex-grow:1;max-width:220px;padding:12px 15px;font-size:.95em}.search-input:focus{border-color:var(--primary-blue)}.price-slider-container{border:1px solid #ddd;border-radius:8px;flex-direction:column;align-items:flex-start;max-width:180px;padding:8px 15px;display:flex}.price-slider-container label{color:#888;margin-bottom:5px;font-size:.75em}.price-slider{cursor:pointer;width:100%}.slider-controls{align-items:center;gap:8px;width:100%;display:flex}.search-btn{background-color:var(--primary-blue);color:var(--white);border:none;border-radius:8px;padding:12px 30px;font-size:1.05em;font-weight:600}.search-btn:hover{background-color:var(--dark-blue);transform:translateY(-1px);box-shadow:0 4px 10px #0003}.features-section{text-align:center;background:var(--white);padding:100px 50px}.features-section h2{color:var(--dark-blue);margin-bottom:10px;font-size:2.5em;font-weight:700}.features-section>p{color:var(--text-light);margin-bottom:60px;font-size:1.1em}.feature-cards{justify-content:center;gap:30px;max-width:1200px;margin:0 auto;display:flex}.card{background:var(--white);text-align:center;border-radius:15px;flex:1;max-width:380px;padding:35px;transition:transform .3s,box-shadow .3s;animation:.7s ease-out both cardEntrance;box-shadow:0 6px 18px #00000014}.card:first-child{animation-delay:1.6s}.card:nth-child(2){animation-delay:1.8s}.card:nth-child(3){animation-delay:2s}.card:hover{transform:translateY(-10px)scale(1.02);box-shadow:0 12px 25px #00000026}.icon-large{color:var(--success-green);margin-bottom:20px;font-size:3.5em;display:block}.card h3{color:var(--dark-blue);margin-bottom:15px;font-size:1.4em}.card p{color:var(--text-light)}.advantage-section{background-color:var(--dark-blue);color:var(--white);text-align:center;padding:100px 50px}.advantage-section h2{margin-bottom:15px;font-size:2.5em;font-weight:700}.advantage-section>.advantage-content>p{color:#a9c8f9;max-width:900px;margin-bottom:60px;margin-left:auto;margin-right:auto;font-size:1.1em}.stats-container{justify-content:space-around;max-width:1000px;margin:0 auto;display:flex}.stat-item{flex-direction:column;align-items:center;display:flex}.stat-number{color:var(--success-green);margin-bottom:5px;font-size:4em;font-weight:900}.stat-label{color:#a9c8f9;font-size:1.1em;font-weight:500}.cta-section{text-align:center;background:var(--white);padding:100px 50px;animation:1s ease-in 2.3s both fadeIn}.cta-section h2{color:var(--dark-blue);margin-bottom:15px;font-size:2.5em;font-weight:700}.cta-section p{color:var(--text-light);margin-bottom:40px;font-size:1.1em}.cta-buttons{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.cta-buttons button{border:none;border-radius:10px;padding:15px 35px;font-size:1.15em;font-weight:700}.btn-primary{background-color:var(--primary-blue);color:var(--white)}.btn-primary:hover{background-color:var(--dark-blue);transform:translateY(-3px);box-shadow:0 6px 15px #007bff66}.btn-secondary{background-color:var(--white);color:var(--primary-blue);border:2px solid var(--primary-blue)!important}.btn-secondary:hover{background-color:var(--light-bg);color:var(--dark-blue);border-color:var(--dark-blue);transform:translateY(-5px)}@media (width<=768px){.hero-section{padding:60px 20px}.hero-section h1{font-size:2.5em}.search-box{flex-direction:column;width:90%;margin:0 auto}.search-input,.price-slider-container{width:100%;max-width:100%}.feature-cards{flex-direction:column;align-items:center}.card{width:100%;max-width:500px}.stats-container{flex-wrap:wrap;gap:30px}.stat-item{flex:40%}.features-section,.advantage-section,.cta-section{padding:60px 20px}}@media (width<=480px){.hero-section h1{font-size:2em}.stat-number{font-size:2.5em}.cta-buttons{flex-direction:column;align-items:center}.cta-buttons button{width:100%}}.about{background:var(--light-bg);min-height:calc(100vh - 130px);padding:60px 0}.about-hero{text-align:center;margin-bottom:50px}.about-hero h2{color:var(--dark-blue);font-size:2.5em;font-weight:800}.about-hero .subtitle{color:var(--text-light);margin-top:8px;font-size:1.1em}.about-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px;margin-bottom:50px;display:grid}.about-card{text-align:center;background:#fff;border-radius:12px;padding:30px;transition:transform .3s;box-shadow:0 4px 12px #0000000f}.about-card:hover{transform:translateY(-6px)}.icon-med{color:var(--success-green);margin-bottom:15px;font-size:2.5em;display:block}.about-card h3{color:var(--dark-blue);margin-bottom:12px;font-size:1.25em;font-weight:700}.about-card p{color:var(--text-light);line-height:1.7}.team-section{text-align:center;background:#fff;border-radius:12px;padding:35px;box-shadow:0 4px 12px #0000000f}.team-section h3{color:var(--dark-blue);margin-bottom:12px;font-size:1.5em;font-weight:700}.team-section p{color:var(--text-light);max-width:700px;margin:0 auto;line-height:1.7}@media (width<=600px){.about-grid{grid-template-columns:1fr}.about-hero h2{font-size:2em}}.contact{text-align:center;max-width:650px;margin:60px auto;padding:0 20px 60px}.contact h2{color:var(--dark-blue);margin-bottom:10px;font-size:2.2em;font-weight:800}.contact>p{color:var(--text-light);margin-bottom:35px}.contact-form{text-align:left;background:#fff;border-radius:16px;flex-direction:column;gap:5px;margin-bottom:30px;padding:35px;display:flex;box-shadow:0 8px 25px #00000014}.contact-form label{color:var(--text-dark);margin-top:10px;font-size:.9em;font-weight:600}.contact-form input,.contact-form textarea{border:1.5px solid #ddd;border-radius:8px;outline:none;width:100%;padding:12px 14px;font-size:.95em;transition:border-color .3s}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--primary-blue)}.contact-form textarea{resize:vertical}.contact-form button{background:var(--primary-blue);color:#fff;border:none;border-radius:8px;margin-top:15px;padding:13px;font-size:1em;font-weight:700;transition:background .3s,transform .2s}.contact-form button:hover:not(:disabled){background:var(--dark-blue);transform:translateY(-2px)}.contact-form button:disabled{opacity:.7}.contact-info{text-align:left;background:#fff;border-radius:12px;padding:25px;box-shadow:0 4px 12px #0000000f}.contact-info p{color:var(--text-dark);margin-bottom:10px;font-size:.95em}.contact-info a{color:var(--primary-blue);font-weight:600}.contact-info a:hover{color:var(--dark-blue)}.login-container{background:var(--light-bg);justify-content:center;align-items:center;min-height:calc(100vh - 130px);padding:40px 20px;display:flex}.login-box{text-align:center;background:#fff;border-radius:16px;width:100%;max-width:440px;padding:45px 40px;box-shadow:0 10px 30px #0000001a}.login-box h2{color:var(--dark-blue);margin-bottom:6px;font-size:1.8em;font-weight:700}.login-box>p{color:var(--text-light);margin-bottom:25px}.role-selection-group{text-align:left;margin-bottom:25px}.role-label{color:var(--dark-blue);margin-bottom:10px;font-size:.9em;font-weight:600;display:block}.tab-buttons{border:2px solid var(--primary-blue);border-radius:8px;gap:0;display:flex;overflow:hidden}.tab{color:var(--primary-blue);background:#fff;border:none;flex:1;padding:10px;font-size:.95em;font-weight:600;transition:all .3s}.tab.active{background:var(--primary-blue);color:#fff}.tab:hover:not(.active){background:var(--light-bg)}.input-group{text-align:left;margin-bottom:18px}.input-group label{color:var(--text-dark);margin-bottom:6px;font-size:.9em;font-weight:600;display:block}.input-group input,.input-group select{border:1.5px solid #ddd;border-radius:8px;outline:none;width:100%;padding:12px 14px;font-size:.95em;transition:border-color .3s}.input-group input:focus,.input-group select:focus{border-color:var(--primary-blue)}.btn{background:var(--primary-blue);color:#fff;border:none;border-radius:8px;width:100%;margin-top:5px;padding:13px;font-size:1em;font-weight:700;transition:background .3s,transform .2s}.btn:hover:not(:disabled){background:var(--dark-blue);transform:translateY(-2px)}.btn:disabled{opacity:.7;cursor:not-allowed}.signup-text{color:var(--text-light);margin-top:20px;font-size:.9em}.signup-text a{color:var(--primary-blue);font-weight:600}.signup-container{background:var(--light-bg);justify-content:center;align-items:center;min-height:calc(100vh - 130px);padding:40px 20px;display:flex}.signup-box{text-align:center;background:#fff;border-radius:16px;width:100%;max-width:480px;padding:40px;box-shadow:0 10px 30px #0000001a}.home-icon{width:55px;margin-bottom:15px}.signup-box h2{color:var(--dark-blue);margin-bottom:6px;font-size:1.8em;font-weight:700}.signup-box>p{color:var(--text-light);margin-bottom:20px}.signin-text{color:var(--text-light);margin-top:20px;font-size:.9em}.signin-text a{color:var(--primary-blue);font-weight:600}.btn-create{background:var(--dark-blue);color:#fff;border:none;border-radius:8px;width:100%;margin-top:5px;padding:13px;font-size:1em;font-weight:700;transition:background .3s,transform .2s}.btn-create:hover:not(:disabled){background:var(--primary-blue);transform:translateY(-2px)}.btn-create:disabled{opacity:.7;cursor:not-allowed}
