@tailwind base;@tailwind components;@tailwind utilities;body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{background:#f8fafc;color:#1a202c;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}.navbar{background:linear-gradient(135deg,#00a651,#005a2d);box-shadow:0 4px 6px #0000001a;color:#fff;justify-content:space-between;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.nav-brand,.navbar{align-items:center;display:flex}.nav-brand{gap:.5rem}.nav-logo{font-size:2rem}.navbar h1{font-size:1.5rem;font-weight:700}.nav-links{display:flex;gap:1rem}.nav-link{background:none;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.nav-link:hover{background:#ffffff1a;transform:translateY(-1px)}.nav-link.active{background:#fff3;color:gold}.hero{grid-gap:3rem;align-items:center;background:linear-gradient(135deg,#00a651,#005a2d);color:#fff;display:grid;gap:3rem;grid-template-columns:1fr 1fr;min-height:70vh;padding:4rem 2rem}.hero-content{max-width:600px}.graduation-cap{display:block;font-size:4rem;margin-bottom:1rem}.hero h1{font-size:3.5rem;font-weight:800;margin-bottom:.5rem}.hero h2{color:gold;font-size:2rem;font-weight:600;margin-bottom:1rem}.hero p{font-size:1.2rem;margin-bottom:2rem;opacity:.9}.hero-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-top:2rem}.stat{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:12px;padding:1rem;text-align:center}.stat-number{color:gold;display:block;font-size:2rem;font-weight:800}.stat-label{font-size:.9rem;opacity:.8}.hero-image{display:flex;justify-content:center}.hero-img{border-radius:20px;box-shadow:0 20px 40px #0003;height:auto;max-width:500px;transform:rotate(2deg);transition:transform .3s ease;width:100%}.hero-img:hover{transform:rotate(0deg) scale(1.02)}.timeline{margin:4rem auto;max-width:1200px;padding:0 2rem}.timeline h2{color:#005a2d;font-size:2.5rem;margin-bottom:1rem;text-align:center}.timeline-intro{color:#4a5568;font-size:1.1rem;margin-bottom:3rem;text-align:center}.timeline-container{position:relative}.timeline-container:before{background:linear-gradient(180deg,#00a651,#005a2d);border-radius:2px;bottom:0;content:"";left:50%;position:absolute;top:0;transform:translateX(-50%);width:4px}.timeline-item{align-items:flex-start;cursor:pointer;display:flex;margin-bottom:3rem;position:relative;transition:all .3s ease;width:100%}.timeline-item:nth-child(odd){justify-content:flex-end}.timeline-item:nth-child(2n){justify-content:flex-start}.timeline-item:nth-child(odd) .content{margin-right:6rem;text-align:right}.timeline-item:nth-child(2n) .content{margin-left:6rem;text-align:left}.timeline-item.expanded .content,.timeline-item:hover .content{transform:translateY(-4px)}.timeline-connector{display:none}.circle{align-items:center;background:linear-gradient(135deg,#00a651,#005a2d);border:4px solid #fff;border-radius:50%;box-shadow:0 8px 16px #00a6514d;color:#fff;display:flex;flex-shrink:0;font-size:1.6rem;font-weight:700;height:70px;justify-content:center;left:50%;position:absolute;transform:translateX(-50%);width:70px;z-index:2}.content{background:#fff;border-left:4px solid #00a651;border-radius:12px;box-shadow:0 8px 20px #0000001a;max-width:400px;padding:2rem;transition:all .3s ease}.timeline-item:nth-child(2n) .content{border-left:none;border-right:4px solid #00a651}.content h3{color:#005a2d;font-size:1.3rem;margin-bottom:.5rem}.week-details{border-top:1px solid #e2e8f0;margin-top:1rem;padding-top:1rem}.week-details p{color:#4a5568;margin-bottom:1rem}.skills strong{color:#005a2d;display:block;margin-bottom:.5rem}.skill-tags{display:flex;flex-wrap:wrap;gap:.5rem}.timeline-item:nth-child(odd) .skill-tags{justify-content:flex-end}.skill-tag{background:#e8f5e8;border-radius:20px;color:#005a2d;font-size:.9rem;font-weight:500;padding:.25rem .75rem}.comments{margin:4rem auto;max-width:800px;padding:0 2rem}.comments h2{color:#005a2d;font-size:2.5rem}.comments h2,.rating-summary{margin-bottom:2rem;text-align:center}.rating-summary{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:2rem}.avg-rating{align-items:center;display:flex;gap:1rem;justify-content:center}.rating-number{color:#00a651;font-size:3rem;font-weight:800}.rating-stars{display:flex;gap:.25rem}.rating-stars .star.filled{color:#fbc02d}.rating-stars .star{color:#e0e0e0;font-size:1.5rem}.rating-count{color:#4a5568}.login-section{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin-bottom:2rem;padding:2rem;text-align:center}.login-section p{color:#4a5568;margin-bottom:1rem}.btn{background:linear-gradient(135deg,#00a651,#005a2d);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.btn:hover{box-shadow:0 4px 12px #00a65166;transform:translateY(-2px)}.btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.linkedin-btn{align-items:center;background:#0077b5;display:flex;gap:.5rem;margin:0 auto}.linkedin-btn:hover{background:#005582}.comment-form{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin-bottom:2rem;padding:2rem}.form-header{margin-bottom:1rem}.user-info{gap:.5rem}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background:#e2e8f0;border-radius:50%;font-size:1.2rem;height:40px;justify-content:center;width:40px}.user-name{font-weight:600}.comment-textarea{border:2px solid #e2e8f0;border-radius:8px;font-family:inherit;font-size:1rem;margin-bottom:1rem;min-height:120px;padding:1rem;resize:vertical;transition:border-color .2s ease;width:100%}.comment-textarea:focus{border-color:#00a651;outline:none}.form-footer{justify-content:space-between}.form-footer,.stars{align-items:center;display:flex}.stars{gap:.5rem}.stars span{color:#4a5568;font-weight:500}.comment-list{margin-top:2rem}.comment-list h3{color:#005a2d;font-size:1.5rem;margin-bottom:1.5rem}.comment-item{background:#fff;border-left:4px solid #00a651;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:1rem;padding:1.5rem}.comment-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.commenter-info{align-items:center;display:flex;gap:.75rem}.commenter-avatar{align-items:center;background:#e2e8f0;border-radius:50%;display:flex;font-size:1.2rem;height:40px;justify-content:center;width:40px}.commenter-name{color:#005a2d;display:block;font-size:1rem;margin-bottom:.25rem}.comment-date{color:#718096;font-size:.9rem}.comment-rating .star.filled{color:#fbc02d}.comment-rating .star{color:#e0e0e0}.comment-text{color:#4a5568;line-height:1.6}.life-after-fnb{margin:2rem auto 4rem;max-width:800px;padding:0 2rem}.page-header{margin-bottom:3rem;text-align:center}.page-header h2{color:#005a2d;font-size:2.5rem;margin-bottom:1rem}.page-header p{color:#4a5568;font-size:1.1rem;margin:0 auto;max-width:600px}.post-actions{justify-content:center;margin-bottom:2rem}.create-post-btn{background:linear-gradient(135deg,#00a651,#005a2d)}.create-post-btn:hover{background:linear-gradient(135deg,#008a44,#004a26)}.post-form{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin-bottom:2rem;padding:2rem}.post-type-selector{display:flex;gap:1rem;margin:1rem 0}.type-option{align-items:center;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.type-option.selected{background:#e8f5e8;border-color:#00a651}.type-option input{margin:0}.post-textarea{border:2px solid #e2e8f0;border-radius:8px;font-family:inherit;font-size:1rem;margin-bottom:1rem;min-height:100px;padding:1rem;resize:vertical;transition:border-color .2s ease;width:100%}.post-textarea:focus{border-color:#00a651;outline:none}.form-actions{display:flex;justify-content:flex-end}.posts-feed{space-y:1rem}.post{background:#fff;border-left:4px solid #00a651;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:1rem;padding:1.5rem}.post.opportunity{border-left-color:gold}.post-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.post-user-info{align-items:center;display:flex;gap:.75rem}.user-details{display:flex;flex-direction:column}.user-name{color:#005a2d;font-size:1rem;margin-bottom:.25rem}.user-title{color:#4a5568}.user-company,.user-title{font-size:.9rem;margin-bottom:.25rem}.user-company{color:#00a651;font-weight:500}.post-date{color:#718096;font-size:.85rem}.post-badge{border-radius:20px;font-size:.85rem;font-weight:500;padding:.25rem .75rem}.post-badge.update{background:#e8f5e8;color:#005a2d}.post-badge.opportunity{background:#fff8dc;color:#b8860b}.post-content{margin-bottom:1rem}.post-content p{color:#4a5568;line-height:1.6}.post-actions{border-top:1px solid #e2e8f0;display:flex;gap:1rem;padding-top:1rem}.action-btn{background:none;border:none;border-radius:6px;color:#718096;cursor:pointer;font-size:.9rem;padding:.5rem;transition:all .2s ease}.action-btn:hover{background:#f7fafc;color:#4a5568}.like-btn:hover{color:#00a651}.footer{background:#005a2d;color:#fff;margin-top:4rem;padding:2rem;text-align:center}.footer-content p{margin-bottom:.5rem}.footer-content p:last-child{font-style:italic;opacity:.8}@media (max-width:768px){.hero{grid-template-columns:1fr;padding:2rem 1rem;text-align:center}.hero h1{font-size:2.5rem}.hero-stats{grid-template-columns:repeat(2,1fr)}.navbar{flex-direction:column;gap:1rem;padding:1rem}.nav-links{justify-content:center}.timeline-container:before{left:35px;transform:none}.timeline-item{align-items:flex-start;flex-direction:column;justify-content:flex-start!important}.timeline-item:nth-child(2n) .content,.timeline-item:nth-child(odd) .content{margin-left:0;margin-right:0;margin-top:1rem;max-width:none;text-align:left}.circle{left:auto;margin-bottom:1rem;position:relative;transform:none}.form-footer{align-items:stretch}.form-footer,.post-header{flex-direction:column;gap:1rem}.post-actions{flex-wrap:wrap;gap:.5rem}}@media (max-width:480px){.hero h1{font-size:2rem}.hero h2{font-size:1.5rem}.hero-stats{grid-template-columns:1fr}.comments,.life-after-fnb,.timeline{padding:0 1rem}}
/*# sourceMappingURL=main.c1f6a084.css.map*/