.section-container{padding:1rem 4rem;min-height:auto;display:flex;flex-direction:column;max-width:1200px;margin:0 auto;position:relative;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.subtle-banner{padding:20px 0;text-align:center;color:#999;font-size:16px;letter-spacing:1px;font-weight:500}.theme-toggle{position:absolute;top:710px!important;right:20px!important;z-index:10!important}.theme-icon{width:30px;height:25px;cursor:pointer;opacity:.7;transition:opacity .2s}.theme-icon:hover{opacity:1}[data-theme=dark] .app-container{background-color:#121212}[data-theme=dark] .section-title{color:#f0f0f0;border-bottom:1px solid #444}[data-theme=dark] .name-title{color:#f0f0f0}[data-theme=dark] .about-content p,[data-theme=dark] .about{color:#ddd}[data-theme=dark] .section-label{color:#aaa}[data-theme=dark] .experience-title,[data-theme=dark] .cv-container{color:#f0f0f0}[data-theme=dark] .cv-skills li{background-color:#ffffff1a;color:#ddd}[data-theme=dark] .download-button{background-color:transparent;color:#f0f0f0;border:1px solid rgba(255,255,255,.2)}[data-theme=dark] .download-button:hover{background-color:#ffffff1a;border-color:#ffffff4d}[data-theme=dark] .experience-period{width:180px;color:#e7e4e4;flex-shrink:0;font-size:.95rem}[data-theme=dark] .project-name-badge{background:#1e1e1ef2;color:#f0f0f0;border:1px solid rgba(255,255,255,.1)}[data-theme=dark] .scroll-hint{color:#666}[data-theme=dark] .verkefni-main-title{color:#fff;border-bottom:none}[data-theme=dark] .project-text{color:#fff}[data-theme=dark] .project-item:hover .project-text{color:#7c3aed}[data-theme=dark] .project-tag{border-bottom-color:#444}[data-theme=dark] .project-visual{background:#1a1a1a}@media (max-width: 768px){.image-gallery{display:none!important}.name-title{font-size:3.5rem}.name-container{margin-bottom:20px}.content-wrapper h2{text-align:center}}.hero-content{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:0;margin-bottom:0}.name-container{position:relative;margin-right:40px;margin-top:60px;margin-bottom:60px}.name-title{font-size:10rem;font-weight:500;color:#433e3e;line-height:.9;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;margin-bottom:15px;letter-spacing:-2px}.social-links{display:flex;gap:1.5rem;margin-top:25px}.social-links img{width:24px;height:24px;transition:transform .2s;opacity:.8}.social-links img:hover{transform:scale(1.2);opacity:1}.image-gallery{display:flex;flex-wrap:wrap;width:50%;justify-content:flex-end;position:relative;margin-top:20px}.image-container{border-radius:8px;position:relative}.image-container.image-left{width:250px;height:350px;margin-right:-80px;z-index:1}.image-container.image-center{width:250px;height:250px;margin-top:-20px;z-index:2}.gallery-image{width:100%;height:100%;display:block;object-fit:cover;opacity:.9;border-radius:12px}.info-section{margin-top:20px;margin-bottom:40px}.section-label{color:#999;font-size:14px;letter-spacing:1px;margin-bottom:15px;font-weight:500}.about-content p{margin-bottom:1rem;margin-top:1.5rem;line-height:1.6;color:inherit;font-size:1rem;font-weight:300;max-width:800px}@media (max-width: 1024px){.image-gallery{display:none!important}.name-title{font-size:5rem}.name-container{margin-bottom:20px;text-align:center;width:100%}.social-links{justify-content:center}.theme-toggle{top:20px;left:20px;right:auto}}@media (max-width: 768px){.name-title{font-size:3.5rem}.content-wrapper h2{text-align:center}.theme-toggle{top:20px;left:20px;right:auto}}@media (max-width: 480px){.name-title{font-size:2.5rem}}@media (max-width: 430px){.name-title{font-size:2.2rem}.image-gallery{display:none!important}}.cv-container{color:#000}.experience-details .cv-skills{margin-top:0;padding-left:0}.section-title{font-size:1.5rem;color:#070000;margin-bottom:2rem;font-weight:500;border-bottom:1px solid #e0e0e0;margin-top:4rem}.education-title{margin-top:4rem}.experience-item{display:flex;margin-bottom:2rem;padding:.5rem 0}.experience-period{width:180px;color:#030000;flex-shrink:0;font-size:.95rem}.experience-details{flex-grow:1}.experience-title{font-size:1rem;color:#000;margin-bottom:.5rem;font-weight:400}.experience-location{font-size:.95rem;color:#888}.skills-section{margin-bottom:2rem}.skills-section h2{font-size:1.5rem;color:#020000;margin-bottom:1.5rem;font-weight:500}.cv-skills{display:flex;flex-wrap:wrap;gap:.8rem;list-style-type:none;padding:0}.cv-skills li{background-color:#3c34341a;padding:.5rem 1rem;border-radius:4px;font-size:.9rem;color:#888}.download-cv{margin-top:3rem;margin-bottom:2rem}.download-button{background-color:transparent;color:#333;border:1px solid #333;padding:.8rem 1.5rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .2s}.download-button:hover{background-color:#ffffff1a;border-color:#ffffff4d}.projects-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:60px;max-width:1200px;margin:0 auto}.content-wrapper h2{font-weight:700;font-size:1.875rem;color:#000}.project-card{position:relative;height:260px;border-radius:20px;overflow:hidden;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #0000001a}.project-card:hover{transform:scale(1.02);box-shadow:0 8px 40px #0003}.project-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.project-card:hover .project-image{transform:scale(1.1)}.project-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;justify-content:flex-end;padding:24px;opacity:0}.project-card:hover .project-overlay{opacity:1}.project-title{color:#000;font-size:1.4rem;font-weight:700;margin:0 0 8px;transform:translateY(20px);transition:transform .3s ease .1s}.project-card:hover .project-title{transform:translateY(0)}.project-description{color:#000;font-weight:700;font-size:.9rem;line-height:1.5;margin:0 0 16px;transform:translateY(20px);transition:transform .3s ease .2s}.project-card:hover .project-description{transform:translateY(0)}.project-footer{display:flex;justify-content:space-between;align-items:center;transform:translateY(20px);transition:transform .3s ease .3s}.project-card:hover .project-footer{transform:translateY(0)}.project-link{background:#000;color:#fff;text-decoration:none;padding:8px 16px;border-radius:20px;font-weight:600;font-size:.9rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);transition:all .2s ease}.project-link:hover{background:#ffffff4d;transform:translateY(-2px)}.project-tech{background:#000;color:#fff;padding:6px 12px;border-radius:12px;font-size:.8rem;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.project-image-placeholder{width:100%;height:100%;background:linear-gradient(45deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:3rem}[data-theme=dark] .project-card{box-shadow:0 4px 20px #0000004d}[data-theme=dark] .project-card:hover{box-shadow:0 8px 40px #00000080}@media (max-width: 768px){.projects-container{grid-template-columns:1fr;gap:24px}.project-card{height:240px}.project-title{font-size:1.2rem}.project-description{font-size:.85rem}.project-overlay{padding:20px}}.projects-container p{grid-column:1 / -1;text-align:center;color:#000;font-style:italic;font-weight:700;font-size:1rem;padding:2rem}[data-theme=dark] .projects-container p{color:#aaa}.verkefni-main-title{font-size:2rem;font-weight:500;color:#000;margin-bottom:4rem;padding-bottom:.5rem;display:inline-block;border-bottom:none}.projects-list{display:flex;flex-direction:column;gap:6rem}.project-item{display:grid;grid-template-columns:400px 1fr;gap:4rem;align-items:start;max-width:100%;cursor:pointer;transition:all .3s ease}.project-text{display:flex;flex-direction:column;gap:.75rem;color:#1a1a1a}.project-item:hover .project-text{color:#7c3aed}.project-title{font-size:.75rem;font-weight:600;color:inherit;line-height:1.1;margin:0}.project-tag{font-size:1.875rem;font-weight:700;color:inherit;letter-spacing:.5px;text-transform:uppercase;margin:0;order:-1;border-bottom:1px solid #e0e0e0;padding-bottom:1rem;display:inline-block;width:fit-content}.project-description{font-size:1rem;font-weight:300;color:inherit;line-height:1.6;margin:0;margin-top:1rem}.project-visual{width:100%;max-width:100%;height:500px;background:#f5f5f5;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:transform .3s ease,box-shadow .3s ease}.project-item:hover .project-visual{transform:scale(1.02);box-shadow:0 8px 30px #00000026}.project-visual img{width:100%;height:100%;object-fit:cover;display:block}.project-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}@media (max-width: 968px){.project-item{grid-template-columns:1fr;gap:2rem;display:flex;flex-direction:column}.project-text{order:1}.project-visual{order:2;height:350px}.verkefni-main-title{font-size:2rem;margin-bottom:3rem}.projects-list{gap:4rem}.project-tag{font-size:1.5rem}.project-description{font-size:.95rem}}@media (max-width: 768px){.verkefnivinnsla-section .section-container{padding:1rem 1.5rem}.projects-list{gap:3rem}.project-item{gap:1.5rem}.project-text{gap:.5rem}.project-tag{font-size:1.25rem;padding-bottom:.75rem}.project-description{font-size:.9rem;margin-top:.75rem}.project-visual{height:300px;width:100%}}@media (max-width: 640px){.verkefni-main-title{font-size:1.75rem;margin-bottom:2rem}.project-tag{font-size:1.1rem}.project-description{font-size:.85rem;line-height:1.5}.project-visual{height:250px}.projects-list{gap:2.5rem}}@media (max-width: 480px){.verkefnivinnsla-section .section-container{padding:1rem}.verkefni-main-title{font-size:1.5rem}.project-tag{font-size:1rem}.project-visual{height:220px}}@tailwind base;@tailwind components;@tailwind utilities;*{margin-bottom:1rem;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background-color:#f9f9f9;color:#333;transition:background-color .3s ease,color .3s ease}html{scroll-behavior:smooth}[data-theme=dark] body{background-color:#121212;color:#f0f0f0}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}a{color:inherit;text-decoration:none}button{cursor:pointer}section{padding:2rem 0}[data-theme=dark] h2{color:#f0f0f0;border-bottom:1px solid #444}body[data-theme=dark]{background-color:#121212!important;color:#f0f0f0}.sidebar{position:fixed;top:0;left:0;width:250px;height:100vh;background-color:#f9f9f9;padding:2rem;box-shadow:2px 0 10px #0000000d;overflow-y:auto;display:flex;flex-direction:column;transition:transform .3s ease,background-color .3s ease;z-index:1000}.sidebar-dark{background-color:#1a1a1a;color:#f0f0f0;box-shadow:2px 0 10px #0003}.sidebar-header h1{font-size:2rem;font-weight:700}.sidebar-section{margin-bottom:2rem}.sidebar-section h2{font-size:.8rem;text-transform:uppercase;letter-spacing:1px;color:#888;margin-bottom:1rem}.sidebar-dark .sidebar-section h2{color:#aaa}.sidebar-nav{display:flex;flex-direction:column;gap:.8rem;margin-bottom:2rem}.sidebar-nav a{text-decoration:none;color:#333;font-size:1rem;cursor:pointer;transition:color .2s;position:relative;padding-left:0;transition:padding-left .2s}.sidebar-dark .sidebar-nav a{color:#ddd}.sidebar-nav a:hover{color:#000;padding-left:5px}.sidebar-dark .sidebar-nav a:hover{color:#fff}.sidebar-nav a.active{font-weight:700}.logo-image{width:100%;max-width:150px;height:auto;display:block;margin-bottom:2rem}[data-theme=dark] .logo-image{max-width:180px}@media (max-width: 768px){.sidebar{transform:translate(-100%)}.sidebar.active{transform:translate(0)}}.sidebar-header{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:2.5rem}.sidebar-controls{display:flex;justify-content:center;width:100%;margin-top:1rem}.language-toggle-container{margin-top:auto;padding-top:2rem;border-top:none}.sidebar-dark .language-toggle-container{border-top-color:#333}.language-toggle-container h3{font-size:.8rem;text-transform:uppercase;letter-spacing:1px;color:#888;margin-bottom:1rem}.sidebar-dark .language-toggle-container h3{color:#aaa}.language-toggle-minimal{display:flex;gap:.25rem;position:fixed;bottom:10px;left:20px;z-index:100}.lang-btn{padding:.25rem .5rem;background:transparent;border:none;cursor:pointer;font-size:.8rem;font-weight:400;color:#888;transition:color .2s ease;border-radius:2px}.lang-btn:hover{color:#333}.sidebar-dark .lang-btn{color:#666}.sidebar-dark .lang-btn:hover{color:#ccc}.lang-btn.active{color:#000;font-weight:500}.sidebar-dark .lang-btn.active{color:#fff}.mobile-nav{position:fixed;top:20px;left:20px;right:20px;z-index:1001;display:flex;justify-content:space-between;align-items:center}.hamburger{width:40px;height:40px;background:transparent;border:none;cursor:pointer;padding:5px;display:flex;flex-direction:column;justify-content:space-around}.hamburger-line{width:30px;height:3px;background-color:#000;border-radius:3px;margin:3px 0}[data-theme=dark] .hamburger-line{background-color:#fff}@media (min-width: 769px){.mobile-nav{display:none}}@media (max-width: 768px){.mobile-nav{display:flex}.sidebar{transform:translate(-100%);transition:transform .3s ease}.sidebar.active{transform:translate(0)}.main-content{margin-left:0;width:100%}}.hamburger.open .hamburger-line:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.open .hamburger-line:nth-child(2){opacity:0}.hamburger.open .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.mobile-nav-controls{display:flex;align-items:center}.app-container{display:flex;flex-direction:row}.main-content{margin-left:250px;width:calc(100% - 250px);transition:background-color .3s ease,margin-left .3s ease,width .3s ease}@media (max-width: 768px){.main-content{margin-left:0;width:100%}}