.about-container{max-width:1100px;margin:0 auto;padding:100px 0;line-height:1.6}.about-hero-section{display:flex;align-items:center;gap:80px;margin-bottom:80px}.about-image-wrapper{flex-shrink:0}.about-img{width:350px;height:450px;object-fit:cover;border-radius:24px;box-shadow:0 20px 50px var(--shadow-color)}.about-intro-text{flex:1}.about-title{font-size:4rem;font-weight:850;letter-spacing:-2px;margin:0 0 20px;color:var(--text-strong)}.about-lead{font-size:1.5rem;font-weight:600;color:var(--text-body);margin-bottom:20px}.about-description-text{font-size:1.15rem;color:var(--text-muted);max-width:600px}.about-content-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;align-items:stretch}.about-card:last-child{grid-column:1 / -1}.about-card{display:flex;flex-direction:column;background:var(--surface);padding:36px 40px;border-radius:20px;border:1px solid var(--card-border);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.about-card:hover{transform:translateY(-10px);box-shadow:0 15px 40px var(--shadow-color);border-color:var(--accent-color)}.about-card h3{font-size:1.3rem;margin:0 0 16px;color:var(--text-strong);letter-spacing:-.01em}.about-card p{font-size:1.05rem;color:var(--text-muted);margin:0;text-wrap:pretty}@media(max-width:950px){.about-hero-section{flex-direction:column;text-align:center;gap:40px}.about-img{width:250px;height:250px;border-radius:50%}.about-title{font-size:3rem}.about-content-grid{grid-template-columns:1fr}}@media(max-width:480px){.about-container{padding:60px 0}.about-card{padding:28px 24px}}body{margin:0;font-family:var(--font-main);overflow-x:hidden}.home-container{padding:0 40px}.hero{padding:100px 0;max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:50px}.hero-text{flex:1}.hero-title{font-size:4.5rem;font-weight:850;line-height:1.15;letter-spacing:-.03em;margin:0 0 30px;color:var(--text-strong);word-wrap:break-word}.hero-description{font-size:1.25rem;line-height:1.6;color:var(--text-muted);max-width:600px;margin-bottom:30px}.hero-socials{display:flex;gap:20px;font-size:1.5rem}.hero-socials a{color:var(--text-strong);transition:color .2s ease}.hero-socials a:hover{color:var(--accent-color)}.profile-wrapper{flex-shrink:0}.hero-img{width:400px;height:400px;border-radius:50%;object-fit:cover;box-shadow:0 10px 40px var(--shadow-color)}.companies-section{background-color:var(--companies-bg);color:#fff;padding:100px 40px;margin:50px -40px 0}.divider-container{display:flex;align-items:center;gap:30px;margin-bottom:80px;max-width:1200px;margin-left:auto;margin-right:auto}.divider-text{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;color:#888;white-space:normal;text-align:center}.divider-line{height:1px;background:#333;width:100%}.logo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px;align-items:center;justify-items:center;max-width:1100px;margin:0 auto}.company-logo{display:flex;justify-content:center;align-items:center;width:100%}.company-logo img{max-width:250px;max-height:120px;width:auto;height:auto;object-fit:contain;mix-blend-mode:lighten;transition:all .3s ease}.company-logo img:hover{transform:scale(1.1)}@media(max-width:1024px){.hero{flex-direction:column-reverse;text-align:center;gap:40px;padding:60px 0}.hero-description{margin:0 auto 30px}.hero-socials{justify-content:center}.hero-title{font-size:3rem;letter-spacing:-1px;line-height:1.2}.hero-img{width:280px;height:280px}.logo-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.home-container{padding:0 20px}.hero-title{font-size:2.2rem;line-height:1.25}.logo-grid{grid-template-columns:1fr;gap:50px}.company-logo img{max-width:150px}}.contact-page{max-width:800px;margin:0 auto;padding:40px 20px}h1{font-size:4rem;font-weight:800;margin-bottom:20px;color:var(--text-strong)}.intro-text{font-size:1.2rem;color:var(--text-muted);line-height:1.6;margin-bottom:60px}.section-title{font-size:1.5rem;font-weight:700;margin-bottom:30px}.info-group{display:flex;flex-direction:column;gap:30px}.info-item{display:flex;flex-direction:column}.label{font-size:.8rem;text-transform:uppercase;letter-spacing:1px;color:var(--accent-color);font-weight:600;margin-bottom:5px}.link{font-size:1.2rem;color:var(--text-strong);text-decoration:none;font-weight:500;transition:opacity .2s}.link:hover{opacity:.7}.experience-section{background-color:var(--surface);padding:0 2rem 80px;min-height:100vh;display:flex;flex-direction:column;align-items:center}.experience-container{max-width:1200px;width:100%;margin-top:60px}.experience-section h1{font-size:2.5rem;font-weight:800;color:var(--text-strong);margin-bottom:2rem;text-align:left}.filters{display:flex;justify-content:center;gap:12px;margin-bottom:50px}.filters button{padding:10px 24px;border:none;background:var(--surface);color:var(--text-soft);cursor:pointer;border-radius:50px;font-weight:600;font-size:.95rem;box-shadow:0 4px 6px -1px var(--shadow-color);transition:all .3s ease}.filters .active{background:var(--accent-color);color:#0b1120;box-shadow:0 10px 15px -3px #14b8a64d}.experience-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;width:100%}.experience-card{background:var(--surface);border-radius:20px;padding:2rem;display:flex;flex-direction:column;height:100%;box-sizing:border-box;transition:all .4s ease;border:1px solid var(--card-border)}.experience-card:hover{transform:translateY(-10px);box-shadow:0 20px 25px -5px var(--shadow-color);border-color:var(--accent-color)}.experience-card img{width:56px;height:56px;object-fit:contain;margin-bottom:1rem}.experience-card h2{margin:0 0 .1rem;font-size:1.4rem;color:var(--text-strong)}.experience-card .year{font-size:.9rem;color:var(--text-faint);margin-bottom:.1rem}.experience-card p{font-size:1rem;color:var(--text-muted);line-height:1.6}.experience-card .type{margin-top:auto;font-size:.75rem;font-weight:700;color:var(--accent-color);background:var(--accent-soft-bg);padding:4px 12px;border-radius:6px;align-self:flex-start}@media(max-width:768px){.experience-section{padding:0 1.5rem 40px}}.sports-section{display:flex;flex-direction:column;align-items:center;padding:4rem 1rem;width:100%}.sports-container{max-width:1200px;width:100%;display:flex;flex-direction:column;align-items:center}.sports-section h1{font-size:2.5rem;font-weight:800;color:var(--text-strong);margin-bottom:1.5rem;text-align:center}.section-subtitle{text-align:center;margin-left:auto;margin-right:auto;margin-bottom:3rem;max-width:700px;color:var(--text-muted);font-size:1.1rem;line-height:1.6}.sports-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;width:100%;justify-items:center}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-in{opacity:0;animation:fadeInUp .6s ease-out forwards}.sports-card{background:var(--surface);border-radius:24px;padding:1.5rem;text-align:center;border:1px solid var(--card-border);transition:all .4s ease;display:flex;flex-direction:column;align-items:center;height:100%;box-sizing:border-box}.sports-card:hover{transform:translateY(-10px);box-shadow:0 20px 25px -5px var(--shadow-color);border-color:var(--accent-color)}.sports-card img{width:190px;height:190px;border-radius:50%;object-fit:cover;margin-bottom:1.5rem;border:5px solid var(--accent-soft-bg);box-shadow:0 4px 10px var(--shadow-color);transition:transform .4s ease}.sports-card h2{font-size:1.5rem;color:var(--text-strong);margin-bottom:.4rem;font-weight:800}.sports-card .year{font-size:.9rem;color:var(--text-faint);font-weight:600;margin-bottom:1rem;display:block}.sports-card .desc{font-size:1rem;line-height:1.6;color:var(--text-muted);margin:0}.theme-toggle{width:48px;height:48px;padding:0;border-radius:50%;border:1px solid var(--border-subtle);background-color:var(--surface);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px #00000026,0 2px 4px #0000001a;transition:all .3s ease}.theme-toggle:hover{transform:scale(1.05);box-shadow:0 6px 16px #0003;border-color:var(--accent-color)}.theme-toggle:focus-visible{outline:2px solid var(--accent-color);outline-offset:3px}.theme-toggle-img{width:24px;height:24px;object-fit:contain;transition:transform .4s ease}.theme-toggle:hover .theme-toggle-img{transform:rotate(20deg)}.navbar-wrapper{position:sticky;top:1.5rem;z-index:1000;display:flex;justify-content:center;align-items:center;margin-bottom:5vh;padding:0 2rem}.logo-container{position:absolute;left:2rem;display:flex;align-items:center}.theme-container{position:absolute;right:2rem;display:flex;align-items:center}.nav-logo-img{width:48px;height:48px;border-radius:50%;object-fit:cover;box-shadow:0 4px 12px #00000026,0 2px 4px #0000001a;transition:all .3s ease;cursor:pointer;border:1px solid rgba(255,255,255,.2)}.nav-logo-img:hover{transform:scale(1.05);box-shadow:0 6px 16px #0003}.navbar-pill{display:flex;gap:2rem;padding:.75rem 2.5rem;background-color:var(--navbar-bg);border-radius:9999px;box-shadow:0 10px 30px var(--shadow-color);transition:background-color .3s ease}.nav-item{position:relative;text-decoration:none;color:var(--text-strong);font-weight:500;font-size:.95rem;transition:color .2s ease;padding:.25rem 0}.nav-item:hover,.nav-item.active{color:#14b8a6}.nav-item:after{content:"";position:absolute;width:0;height:2px;bottom:0;left:0;background-color:#14b8a6;transition:width .3s ease}.nav-item:hover:after{width:100%}.nav-item.active:after{width:100%}@media(max-width:768px){.logo-container{display:none}.navbar-pill{gap:1rem;padding:.75rem 1.5rem}.theme-container{right:1rem}}@media(max-width:480px){.navbar-wrapper{padding:0 1rem;justify-content:flex-start}.theme-container{position:static;margin-left:auto}}footer{text-align:center;padding:2rem;font-size:.9rem;color:var(--text-soft);margin-top:auto}.footer-icons{display:flex;justify-content:center;align-items:center;gap:20px}.footer-icons .icon{width:50px;height:50px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:background-color .3s,transform .3s ease,opacity .3s ease;cursor:pointer}.footer-icons .icon img{width:70%;height:70%;object-fit:contain;transition:transform .3s ease,opacity .3s ease}.footer-icons .icon:hover{transform:scale(1.1);opacity:.8}[data-theme=dark] .footer-icons .icon img{filter:invert(1) brightness(1.6)}#GitHubNtnu,#GitHubPriv{margin-top:.6vh}#mail:hover{background-color:#d44638}#linkedin:hover{background-color:#0a66c2}#GitHubPriv:hover,#GitHubNtnu:hover{background-color:#6e5494}#mail,#linkedin{width:55px;height:55px}:root{--page-bg: #f1f5f9;--surface: #ffffff;--surface-alt: #f8fafc;--navbar-bg: #f8fafc;--text-strong: #111827;--text-body: #1f2937;--text-muted: #555555;--text-soft: #64748b;--text-faint: #94a3b8;--border-subtle: #e5e7eb;--card-border: rgba(226, 232, 240, .8);--shadow-color: rgba(0, 0, 0, .08);--accent-color: #14b8a6;--accent-soft-bg: #f0fdfa;--companies-bg: #000000;--primary-color: #1a1c2c;--font-main: "Inter", -apple-system, sans-serif}[data-theme=dark]{--page-bg: #0b1120;--surface: #111827;--surface-alt: #1e293b;--navbar-bg: #1e293b;--text-strong: #f1f5f9;--text-body: #e2e8f0;--text-muted: #cbd5e1;--text-soft: #94a3b8;--text-faint: #64748b;--border-subtle: #334155;--card-border: rgba(51, 65, 85, .9);--shadow-color: rgba(0, 0, 0, .5);--accent-color: #2dd4bf;--accent-soft-bg: rgba(45, 212, 191, .12);--companies-bg: #060a13;--primary-color: #f1f5f9}html,body{margin:0;padding:0;height:100%;background-color:var(--page-bg)}body{font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--text-body);line-height:1.5;transition:background-color .3s ease,color .3s ease}.app-container{max-width:1200px;margin:0 auto;background-color:var(--surface);min-height:100vh;box-shadow:0 0 40px var(--shadow-color);padding:0 4rem;box-sizing:border-box;display:flex;flex-direction:column;transition:background-color .3s ease}h1{font-size:3.5rem;font-weight:850;margin:0;letter-spacing:-.02em;color:var(--text-strong)}@media(max-width:768px){.app-container{padding:0 1.5rem;max-width:100%}h1{font-size:2.5rem}}.filters{display:flex;gap:1rem;justify-content:center;align-items:center;margin:2rem 0}.filters select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding:.6rem 2.5rem .6rem 1.2rem;font-size:.95rem;font-weight:500;font-family:Inter,sans-serif;color:var(--text-body);background-color:var(--surface);border:1px solid var(--border-subtle);border-radius:12px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .8rem center;background-size:1.1rem;box-shadow:0 1px 2px #0000000d;transition:all .2s ease}.filters select:hover{border-color:#10b981;background-color:var(--surface-alt);box-shadow:0 4px 6px -1px #0000000d}.filters select:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b98126}@media(max-width:640px){.filters{flex-direction:column;gap:.75rem}.filters select,.filters button{width:100%}}
