.home-wrapper{display:flex;justify-content:center;align-items:center;height:100vh;text-align:center;position:relative;z-index:2;color:#fff}.hero .title{font-size:3rem;font-weight:700;margin-bottom:1rem}.hero .subtitle{font-size:1.25rem;margin-bottom:2rem;opacity:.85}.actions{display:flex;gap:1rem;justify-content:center}.btn{padding:.75rem 1.5rem;border-radius:10px;border:none;background:#187cc3;color:#fff;font-size:1rem;cursor:pointer;transition:.3s}.btn:hover{background:#0f5d94}.btn-outline{background:transparent;border:2px solid #187cc3}.btn-outline:hover{background:#187cc333}.auth{display:flex;flex-direction:row;justify-content:center;align-items:center;text-align:center;margin-top:25%}.auth-button{font-family:Poppins,sans-serif;background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;padding:20px 40px;border:none;border-radius:8px;font-size:24px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;margin:30px}.auth-button:hover{transform:scale(1.05);box-shadow:0 4px 12px #f9731666}.auth-container{max-width:400px;margin:80px auto;padding:2rem;background:#141423e6;border-radius:16px;box-shadow:0 8px 20px #0006;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.auth-container h2{font-size:2rem;margin-bottom:1.5rem;color:#f97316;font-weight:700}.auth-container input{width:100%;padding:12px;margin:10px 0;border-radius:10px;border:1px solid #333;outline:none;font-size:1rem;background:#0f172a;color:#fff;transition:border .2s,box-shadow .2s}.auth-container input:focus{border-color:#f97316;box-shadow:0 0 8px #f9731699}.auth-container button{width:100%;padding:12px;margin-top:12px;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;transition:transform .2s,box-shadow .2s}.auth-container button:hover{transform:translateY(-2px);box-shadow:0 6px 15px #f9731680}.auth-container button:active{transform:scale(.98)}.auth-container button:nth-of-type(2){background:linear-gradient(135deg,#3b82f6,#2563eb);margin-top:10px}.auth-container button:nth-of-type(2):hover{box-shadow:0 6px 15px #3b82f680}.default-container{padding:20px;font-family:Segoe UI,sans-serif;position:relative}.header{position:absolute;top:15px;right:20px;display:flex;align-items:center;gap:10px}.user-info{display:flex;align-items:center;gap:10px}.user-pfp{width:40px;height:40px;border-radius:50%}.placeholder-tag{width:40px;height:40px;border-radius:50%;background:#ccc;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#333}.user-email{font-size:14px;color:#444}.profile-dropdown{position:absolute;top:60px;right:20px;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #0000001a;padding:10px;min-width:180px;z-index:100}.profile-dropdown button{width:100%;background:none;border:none;padding:10px;text-align:left;font-size:14px;cursor:pointer;color:#333;border-radius:6px;transition:background .2s ease}.profile-dropdown button:hover{background:#f2f2f2}.main-options{margin-top:40px;display:flex;align-items:center;justify-content:center;gap:20px}.main-options button{padding:12px 20px;font-size:16px;font-weight:500;background:#0078d7;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background .2s ease}.main-options button:hover{background:#005a9e}.login-alert{background:#dff0d8;color:#3c763d;padding:12px 20px;border-radius:8px;margin-top:20px;font-weight:500}.profile-dropdown:hover,.user-info:hover{cursor:pointer}#heading{color:#f0f8ff;display:flex;justify-content:center}.user-pfp{width:40px;height:40px;border-radius:50%;cursor:pointer}.placeholder-avatar{width:40px;height:40px;border-radius:50%;background-color:#1877f2;color:#fff;font-weight:700;font-size:18px;display:flex;align-items:center;justify-content:center;cursor:pointer}.add-project-form{background:#fff;padding:20px;margin:30px auto;border-radius:12px;box-shadow:0 4px 12px #0000001a;width:100%;max-width:500px;display:flex;flex-direction:column;gap:12px}.add-project-form input{padding:10px 12px;border:1px solid #ddd;border-radius:8px;font-size:15px}.add-project-form button{background:#28a745;color:#fff;border:none;border-radius:8px;padding:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.add-project-form button:hover{background:#218838}.projects-list{margin:40px auto;max-width:900px;text-align:left}.projects-list h2{font-size:22px;margin-bottom:20px;color:#222}.filter{display:flex;align-items:center;gap:10px;margin-bottom:20px}.filter input{padding:8px 10px;border:1px solid #ddd;border-radius:6px;font-size:14px}.filter button{padding:8px 12px;border:none;border-radius:6px;background:#e53935;color:#fff;cursor:pointer;transition:background .2s ease}.projects-list ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.projects-list li{background:#fff;padding:16px 20px;border-radius:12px;box-shadow:0 4px 12px #00000014;transition:transform .2s ease}.projects-list li:hover{transform:translateY(-3px)}.projects-list li strong{font-size:18px;color:#0078d7}#projects{color:#c083f9;font-size:larger;font-family:Courier New,Courier,monospace}#filter{color:#f8ecd5}.add-project-form select{padding:10px 12px;border:1px solid #ddd;border-radius:8px;font-size:15px;background:#fff;appearance:none;cursor:pointer}.add-project-form select{background:#fff url("data:image/svg+xml;utf8,<svg fill='gray' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>") no-repeat right 10px center;background-size:16px}.filter{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding:12px 16px;border-radius:10px;box-shadow:0 2px 8px #00000014;width:fit-content}.filter label{font-size:15px;font-weight:500;color:#333}.filter select{padding:8px 12px;border:1px solid #ddd;border-radius:8px;font-size:14px;background:#fff;appearance:none;cursor:pointer}.filter button{padding:8px 14px;border:none;border-radius:8px;background:#e53935;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s ease}.filter button:hover{background:#c62828}.filter{display:flex;align-items:center;gap:12px;margin:16px 0 24px;background:#fff;padding:12px 16px;border-radius:10px;box-shadow:0 2px 8px #00000014;width:fit-content}.filter-label{font-size:15px;font-weight:500;color:#333}.filter-select{padding:8px 12px;border:1px solid #ddd;border-radius:8px;font-size:14px;background:#fff;appearance:none;cursor:pointer}.filter-clear{padding:8px 14px;border:none;border-radius:8px;background:#e53935;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s ease}.filter-clear:hover{background:#c62828}#no-projects{color:#fff;font-size:larger}.linkedin-input-container{position:relative;display:flex;align-items:center}.linkedin-input-container input{flex:1;width:100%;box-sizing:border-box}.info-icon{margin-left:8px;cursor:pointer;font-size:1.2rem;color:#0077b5;font-weight:700}.tooltip{position:absolute;left:105%;top:50%;transform:translateY(-50%);background:#f0f0f0;color:#333;padding:6px 10px;border-radius:6px;font-size:.85rem;width:230px;box-shadow:0 2px 6px #00000026;z-index:10}.user-email{font-size:.9rem;color:#555;margin-bottom:10px}.linkedin-link{color:#0077b5;font-weight:600;text-decoration:none}.linkedin-link:hover{text-decoration:underline}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0000008c;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:999}.modal-content{background:#fff;color:#000;padding:25px;border-radius:15px;max-width:600px;width:90%;position:relative;box-shadow:0 4px 20px #0003;animation:fadeIn .25s ease-in-out}.modal-description{margin-top:15px;line-height:1.5}.close-btn{position:absolute;top:10px;right:15px;background:none;border:none;font-size:22px;cursor:pointer}.read-more-btn{margin-left:8px;background:none;border:none;color:#007bff;font-weight:500;cursor:pointer}.read-more-btn:hover{text-decoration:underline}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}body{background-color:#000}
