@import"https://fonts.googleapis.com/css2?family=Inter:wght@300..700&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background-color:#000;overflow:hidden;width:100vw;height:100vh}.portfolio-desktop{width:100vw;height:100vh;background-color:#000;background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;cursor:default;position:relative;overflow:hidden;transition:background .3s ease}.bg-picker-btn{position:fixed;bottom:20px;right:20px;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:2000}@media (max-width: 768px){.bg-picker-btn,.bg-picker-panel{display:none}}.bg-picker-btn:hover{background:rgba(255,255,255,.25);transform:scale(1.05)}.bg-picker-panel{position:fixed;bottom:75px;right:20px;background:rgba(30,30,30,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:12px;padding:12px;z-index:2000;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 40px #00000080;animation:slideUp .2s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.bg-picker-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1)}.bg-picker-header span{color:#fff;font-size:13px;font-weight:500}.bg-picker-header button{background:none;border:none;color:#888;font-size:18px;cursor:pointer;padding:0;line-height:1}.bg-picker-header button:hover{color:#fff}.bg-picker-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.bg-option{width:60px;height:40px;border-radius:6px;overflow:hidden;border:2px solid transparent;cursor:pointer;padding:0;transition:all .15s ease}.bg-option:hover{border-color:#ffffff4d}.bg-option.active{border-color:#007aff}.bg-color-swatch{width:100%;height:100%}.bg-image-thumb{width:100%;height:100%;object-fit:cover}.unsplash-credit{display:block;text-align:center;font-size:10px;color:#666;text-decoration:none;margin-top:10px;padding-top:8px;border-top:1px solid rgba(255,255,255,.1)}.unsplash-credit:hover{color:#999}.folder-canvas{cursor:pointer;transition:transform .2s ease}.folder-canvas:hover{transform:scale(1.05)}.finder-window{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);min-width:400px;min-height:300px;background:white;border:1px solid rgba(0,0,0,.2);border-radius:10px;box-shadow:0 22px 70px 4px #0000008f,0 0 0 1px #0000001a;z-index:1000;font-family:Inter,sans-serif;animation:windowAppear .3s ease-out;display:flex;flex-direction:column;resize:both;overflow:hidden}@keyframes windowAppear{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.finder-header{background:#f6f6f6;padding:10px 14px;border-bottom:1px solid #ddd;display:flex;align-items:center;gap:12px;border-radius:10px 10px 0 0;cursor:grab;-webkit-user-select:none;user-select:none}.finder-header:hover{background:#f0f0f0}.finder-header:active{cursor:grabbing;background:#e8e8e8}.traffic-lights{display:flex;gap:8px;flex-shrink:0}.traffic-light{width:12px;height:12px;border-radius:50%}.traffic-light.red{background:#ff5f57}.traffic-light.yellow{background:#ffbd2e}.traffic-light.green{background:#28ca41}.header-info{display:flex;align-items:center;gap:8px}.header-name{font-size:13px;font-weight:600;color:#333}.header-divider{color:#ccc}.header-role{font-size:13px;color:#666}.header-status{margin-left:auto;display:flex;align-items:center;gap:6px;padding:4px 10px;background:rgba(0,0,0,.05);border-radius:12px}.status-emoji{font-size:14px}.status-text{font-size:12px;color:#666}.close-btn{background:#ff5f57;border:2px solid #333;border-radius:50%;width:20px;height:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff}.close-btn:hover{transform:scale(1.1)}.finder-body{display:flex;flex:1;overflow:hidden}.finder-sidebar{width:200px;background:#f5f5f5;border-right:2px solid #ddd;padding:15px 0;overflow-y:auto}.sidebar-section{margin-bottom:20px}.sidebar-section h4{font-size:12px;color:#666;margin:0 15px 8px;font-weight:400;text-transform:uppercase;letter-spacing:1px}.sidebar-item{display:block;width:100%;padding:8px 15px;background:none;border:none;text-align:left;font-family:Inter,sans-serif;font-size:14px;color:#333;cursor:pointer;transition:background .2s ease}.sidebar-item:hover{background:#e8e8e8}.sidebar-item.active{background:#007aff;color:#fff}.finder-main{flex:1;padding:30px 30px 30px 15px;overflow-y:auto}.content-section h2{margin:0 0 15px;font-size:24px;color:#333}.content-section p{margin:10px 0;font-size:16px;color:#666;line-height:1.5}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:30px}.project-card{background:white;border:2px solid #e5e5e5;border-radius:12px;overflow:hidden;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000001a}.project-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #00000026;border-color:#007aff}.project-preview{height:160px;background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.project-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.project-card:hover .project-image{transform:scale(1.05)}.project-icon{font-size:48px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.project-type{position:absolute;top:12px;right:12px;padding:4px 8px;border-radius:6px;font-size:10px;font-weight:700;letter-spacing:.5px}.project-type.live{background:#28a745;color:#fff}.project-type.github{background:#333;color:#fff}.project-info{padding:20px}.project-info h3{margin:0 0 8px;font-size:18px;color:#333;font-weight:600}.project-info p{margin:0 0 15px;font-size:14px;color:#666;line-height:1.4}.project-tech{display:flex;gap:8px;flex-wrap:wrap}.tech-tag{background:#f0f0f0;color:#555;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:500}.resize-handle{position:absolute;background:transparent;z-index:10}.resize-n{top:0;left:10px;right:10px;height:5px;cursor:n-resize}.resize-s{bottom:0;left:10px;right:10px;height:5px;cursor:s-resize}.resize-e{top:10px;bottom:10px;right:0;width:5px;cursor:e-resize}.resize-w{top:10px;bottom:10px;left:0;width:5px;cursor:w-resize}.resize-ne{top:0;right:0;width:10px;height:10px;cursor:ne-resize}.resize-nw{top:0;left:0;width:10px;height:10px;cursor:nw-resize}.resize-se{bottom:0;right:0;width:10px;height:10px;cursor:se-resize}.resize-sw{bottom:0;left:0;width:10px;height:10px;cursor:sw-resize}.finder-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #e5e5e5}.finder-toolbar h2{margin:0;font-size:24px;color:#333}.toolbar-right{display:flex;align-items:center;gap:12px}.view-toggle{display:flex;background:#f0f0f0;border-radius:6px;padding:2px}.view-btn{background:transparent;border:none;padding:6px 10px;border-radius:4px;cursor:pointer;color:#666;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.view-btn:hover{color:#333}.view-btn.active{background:white;color:#007aff;box-shadow:0 1px 3px #0000001a}.sort-select{padding:6px 12px;border:1px solid #ddd;border-radius:6px;background:white;font-family:Inter,sans-serif;font-size:13px;color:#333;cursor:pointer;outline:none}.sort-select:hover{border-color:#bbb}.sort-select:focus{border-color:#007aff}.companies-list{display:flex;flex-direction:column;gap:2px;background:#f5f5f5;border-radius:8px;overflow:hidden}.company-list-item{display:flex;align-items:center;gap:15px;padding:12px 15px;background:white;cursor:pointer;transition:background .15s ease}.company-list-item:hover{background:#f0f7ff}.list-item-icon{width:40px;height:40px;border-radius:8px;overflow:hidden;flex-shrink:0;background:#f5f5f5;display:flex;align-items:center;justify-content:center}.list-logo{width:32px;height:32px;object-fit:contain}.list-item-info{display:flex;flex-direction:column;gap:2px}.list-item-name{font-size:14px;font-weight:500;color:#333}.list-item-role{font-size:12px;color:#888}.companies-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 40px;max-width:600px;margin:60px auto 40px;justify-items:center}.company-icon{display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:all .2s ease}.company-icon:hover{transform:scale(1.05);z-index:10}.company-app-icon{width:80px;height:80px;border-radius:16px;background:linear-gradient(145deg,#ffffff,#f0f0f0);box-shadow:0 8px 16px #0000001a,inset 0 1px #ffffff80;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:8px;transition:all .2s ease}.company-icon:hover .company-app-icon{box-shadow:0 12px 24px #00000026,inset 0 1px #fff9;transform:translateY(-2px)}.app-logo{width:70px;height:70px;object-fit:contain}.company-contextual .app-logo{width:48px;height:48px;object-fit:contain}.company-snapchat .app-logo{width:75px;height:75px;object-fit:cover}.company-goodnotes .app-logo{width:65px;height:65px;object-fit:contain}.company-saama .app-logo{width:45px;height:45px;object-fit:contain}.company-name{font-size:12px;color:#333;text-align:center;font-weight:500;line-height:1.2;max-width:90px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.job-modal{background:white;border-radius:15px;padding:30px;width:90%;max-width:600px;max-height:80vh;overflow-y:auto;position:relative;animation:slideUp .3s ease;box-shadow:0 20px 40px #0000004d}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.modal-close{position:absolute;top:15px;right:15px;background:#ff5f57;border:none;border-radius:50%;width:30px;height:30px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;color:#fff;font-weight:700}.modal-close:hover{transform:scale(1.1)}.job-header{display:flex;align-items:center;gap:20px;margin-bottom:25px;padding-bottom:20px;border-bottom:2px solid #f0f0f0}.modal-logo{width:80px;height:80px;object-fit:contain;border-radius:12px;background:#f8f9fa;padding:10px}.job-header h2{margin:0 0 5px;font-size:24px;color:#333}.job-header h3{margin:0 0 5px;font-size:18px;color:#666;font-weight:500}.job-header p{margin:0;font-size:14px;color:#888}.job-achievements h4{margin:0 0 15px;font-size:18px;color:#333}.job-achievements ul{margin:0 0 20px;padding-left:20px}.job-achievements li{margin-bottom:10px;line-height:1.5;color:#555}.job-skills{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.skill-tag{background:#007aff;color:#fff;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:500}.pdf-viewer{width:100%;margin-top:20px}.pdf-viewer iframe{box-shadow:0 4px 12px #0000001a;transition:box-shadow .3s ease}.pdf-viewer iframe:hover{box-shadow:0 6px 20px #00000026}.download-link{color:#007aff;text-decoration:none;font-weight:500;padding:4px 8px;border-radius:4px;transition:all .2s ease}.download-link:hover{background:#007aff;color:#fff;text-decoration:none}.back-nav{margin-bottom:20px}.back-btn{background:#f5f5f5;border:1px solid #ddd;border-radius:6px;padding:8px 16px;font-family:Inter,sans-serif;font-size:14px;color:#333;cursor:pointer;transition:all .2s ease}.back-btn:hover{background:#e8e8e8;border-color:#bbb}.about-content{max-width:600px;line-height:1.6}.about-content p{margin-bottom:20px;font-size:16px;color:#444}.social-links{display:flex;gap:15px;margin-top:30px}.social-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:#f0f0f0;color:#0077b5;transition:all .2s ease}.social-icon:hover{background:#0077b5;color:#fff;transform:scale(1.1)}@media (max-width: 768px){.portfolio-desktop{padding:10px}.finder-window{width:95vw!important;height:90vh!important;min-width:320px;margin:20px auto;transform:none!important;position:fixed;top:5vh;left:2.5vw}.finder-header{padding:8px 12px;flex-direction:row;justify-content:space-between}.finder-header h3{font-size:16px}.finder-body{flex-direction:column;overflow:hidden;flex:1}.finder-sidebar{width:100%;height:auto;border-right:none;border-bottom:2px solid #ddd;padding:10px 0;display:flex;justify-content:space-around;overflow-x:auto}.sidebar-section{margin-bottom:0;display:flex;gap:10px}.sidebar-section h4{display:none}.sidebar-item{padding:8px 12px;font-size:12px;white-space:nowrap;border-radius:6px}.finder-main{padding:20px 15px;flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.content-section h2{font-size:20px;margin-bottom:10px}.content-section p{font-size:14px;margin:8px 0}.companies-grid{grid-template-columns:repeat(2,1fr);gap:20px;max-width:100%;margin:20px 0}.company-icon:hover{transform:scale(1.05)}.finder-toolbar{flex-direction:column;align-items:flex-start;gap:12px}.toolbar-right{width:100%;justify-content:space-between}.company-app-icon{width:70px;height:70px}.app-logo{width:55px;height:55px}.company-snapchat .app-logo{width:60px;height:60px}.company-name{font-size:11px;margin-top:5px}.projects-grid{grid-template-columns:1fr;gap:15px;margin-top:20px}.project-card{margin:0 auto;max-width:100%}.project-preview{height:140px}.project-info{padding:15px}.project-info h3{font-size:16px}.project-info p{font-size:13px}.project-tech{gap:6px}.tech-tag{font-size:11px;padding:3px 6px}.job-modal{width:95%;max-width:none;margin:10px;padding:20px;max-height:85vh}.job-header{flex-direction:column;text-align:center;gap:15px}.modal-logo{width:60px;height:60px}.job-header h2{font-size:20px}.job-header h3{font-size:16px}.job-achievements li{font-size:14px;margin-bottom:8px}.job-skills{gap:6px}.skill-tag{font-size:11px;padding:4px 8px}.pdf-viewer iframe{height:500px}.about-content{max-width:100%}.social-links{margin-top:20px}.header-name{font-size:12px}.header-role,.header-divider,.status-text{display:none}.header-status{padding:4px 8px}.folder-canvas{display:block;width:100vw;height:100vh;object-fit:contain}}@media (max-width: 1024px) and (min-width: 769px){.finder-window{width:90vw!important;height:85vh!important}.companies-grid{max-width:500px;height:250px}.company-icon:nth-child(1){left:60px}.company-icon:nth-child(2){left:250px}.company-icon:nth-child(3){left:400px}.company-icon:nth-child(4){left:100px}.company-icon:nth-child(5){left:320px}.projects-grid{grid-template-columns:repeat(2,1fr)}.job-modal{width:85%;max-width:500px}}