@tailwind base;@tailwind components;@tailwind utilities;:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--bg: #000000;--surface: #0f0f0f;--card-bg: #121212;--text: rgba(252, 252, 252, .92);--muted: #999999;--accent: #646cff;--accent-strong: #535bf2;--accent-warn: #facc15;--danger: #e53935;--danger-dark: #d62828;--success: #22c55e;--button-bg: #ffffff;--button-text: #181818;--border: #222222;--hero-text: #ffffff;color-scheme:light dark;color:var(--text);background-color:var(--bg);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:var(--accent);text-decoration:inherit}a:hover{color:var(--accent-strong)}body{margin:0;display:flex;place-items:center;width:100%}.jd-container{margin-top:6rem}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--button-bg);color:var(--button-text);cursor:pointer;transition:border-color .25s}button:hover{border-color:var(--accent)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{--bg: #ffffff;--surface: #f7f7f8;--card-bg: #ffffff;--text: #213547;--muted: #666666;--accent: #646cff;--accent-strong: #747bff;--button-bg: #f9f9f9;--button-text: #213547;--border: #e6e6e6}a:hover{color:var(--accent-strong)}button{background-color:var(--button-bg)}}nav{background-color:var(--surface);color:var(--text);padding:auto;display:flex;justify-content:space-between;align-items:center;height:4rem;width:100%;position:fixed;z-index:2;box-shadow:0 2px 4px #0000001a}nav .logo img{height:100%;width:auto;margin-right:1rem}nav .desktop-menu{display:none;gap:1.5rem;margin:0 1rem}nav .desktop-menu a{color:var(--text);text-decoration:none;transition:color .3s ease}nav .desktop-menu a:hover{color:var(--accent-strong)}nav .burger-icon{display:block;background:none;border:none;cursor:pointer}nav .burger-icon svg{width:1.5rem;height:1rem;color:var(--text)}nav .mobile-menu{position:absolute;top:4rem;left:0;width:100vw;background-color:var(--card-bg);color:var(--text);flex-direction:column;gap:1rem;padding:1.2rem 0 1.5rem;box-shadow:0 4px 16px #00000012;z-index:10;border-bottom-left-radius:1.2rem;border-bottom-right-radius:1.2rem}nav .mobile-menu a{color:var(--text);text-decoration:none;transition:color .3s ease,background .2s;display:block;padding:.9rem 2rem;border-radius:.7rem;background-color:transparent;font-size:1.1rem;text-align:left}nav .mobile-menu a:hover{color:var(--accent-strong);background:var(--button-bg)}@media (min-width: 768px){nav .desktop-menu{display:flex}nav .burger-icon{display:none}nav .mobile-menu{display:none!important}}.about-section{display:flex;width:100%;flex-direction:row;align-items:center;justify-content:center;margin:0;padding:16px}.about-text{flex:1;max-width:420px;padding:5%;max-width:50%}.about-title{font-size:2.7rem;font-weight:400;margin-bottom:1.2rem;letter-spacing:-1px}.about-underline{width:120px;height:18px;background:url("data:image/svg+xml,%3Csvg width='120' height='18' viewBox='0 0 120 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 9C14 1 27 17 39 9C51 1 63 17 75 9C87 1 99 17 111 9' stroke='%23999' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center;margin-bottom:2rem}.about-desc{color:var(--text);font-size:1.13rem;line-height:1.7;margin-bottom:.7rem}.about-img-container{flex:1;display:flex;justify-content:center;max-width:50%;height:50%}.about-img{width:320px;height:400px;object-fit:cover;border-radius:36px;box-shadow:0 16px 16px #00000012;border:9px solid var(--button-bg);border-color:var(--accent-strong);background:var(--surface)}@media (max-width: 900px){.about-section{flex-direction:column;gap:2rem;padding:1.5rem .5rem}.about-img{width:90vw;max-width:340px;height:340px}.about-text{max-width:100%;text-align:center}.about-title{font-size:2rem}}.portfolio-container{display:flex;flex-direction:column;align-items:center}.portfolio-grid{display:grid;grid-template-rows:auto;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:2rem;justify-items:center;width:100%;max-width:1100px}.portfolio-card{background:var(--card-bg);box-shadow:0 2px 16px #00000012;padding:16px;display:flex;flex-direction:column;align-items:center;height:fit-content;min-width:260px;max-width:320px;min-height:340px;transition:box-shadow .2s}.portfolio-card:hover{box-shadow:0 4px 24px #ffffff21}.portfolio-card h2{font-size:1.2rem;font-weight:600;margin-bottom:1rem;color:var(--text)}.portfolio-card img{width:100%;height:70%;object-fit:cover;border-radius:12px;margin-bottom:16px;background:var(--surface)}.carousel-btn{transition:opacity .2s}.carousel-btn:hover{opacity:.7!important}.portfolio-modal{animation:fadeIn .25s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 700px){.portfolio-grid{grid-template-columns:1fr;gap:1.2rem}.portfolio-card{min-width:0;max-width:100%}}.dashboard-preview{width:50%;display:flex;flex-direction:column}.preview-frame{width:100%;height:400px;background:var(--card-bg);border-radius:5px;overflow:hidden;box-shadow:0 4px 16px #0000004d;position:relative}.preview-header{width:40%;background:var(--surface);border-radius:10px 10px 0 0;display:flex;align-items:center;padding:6px 12px;gap:6px}.dot{width:10px;height:10px;border-radius:50%;display:inline-block}.dot.red{background:var(--danger)}.dot.yellow{background:var(--accent-warn)}.dot.green{background:var(--success)}.path{margin-left:10px;font-size:11px;color:var(--muted)}.portfolio-iframe{width:300%;height:300%;transform:scale(.33);transform-origin:top left;border:none;pointer-events:none}.clickable-text{padding:16px;width:90%;text-align:center;font-size:14px;color:var(--muted);cursor:pointer}@media (min-width: 768px){.preview-frame{justify-content:center}}.categories-grid{display:grid;gap:1.5rem;grid-template-columns:1fr;margin-top:2rem}@media (min-width: 768px){.categories-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1280px){.categories-grid{grid-template-columns:repeat(3,1fr)}}.category-card{background:var(--card-bg);border:1px solid var(--border);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 4px 12px #00000040;padding:16px}.category-card-header{padding:1rem;display:flex;justify-content:space-between;align-items:center}.category-title{font-size:1.1rem;font-weight:600}.category-count{font-size:.85rem;color:var(--muted)}.category-empty{padding:2rem;text-align:center;color:var(--muted);background:var(--surface)}.main-image-wrapper{position:relative}.main-image{width:100%;height:200px;object-fit:cover}.main-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;opacity:0;display:flex;gap:1rem;align-items:center;justify-content:center;transition:opacity .2s ease}.main-image-wrapper:hover .main-overlay{opacity:1}.overlay-btn{padding:.4rem .9rem;border-radius:20px;font-size:.8rem;cursor:pointer;font-weight:600;border:none}.preview-btn{background:var(--button-bg);color:var(--button-text)}.preview-btn:hover{background:var(--surface)}.delete-btn{background:var(--danger);color:var(--hero-text)}.delete-btn:hover{background:var(--danger-dark)}.thumbs-grid{padding:.75rem;display:grid;gap:.6rem;grid-template-columns:repeat(3,1fr)}.thumb-wrapper{position:relative}.thumb-image{width:100%;height:75px;object-fit:cover;border-radius:8px}.thumb-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;opacity:0;transition:opacity .2s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:8px}.thumb-wrapper:hover .thumb-overlay{opacity:1}.thumb-btn{padding:2px 6px;border-radius:10px;font-size:.65rem;font-weight:600;background:var(--button-bg);color:var(--button-text);border:none}.thumb-btn.delete-btn{background:var(--danger);color:var(--hero-text)}.upload-wrapper{display:flex;flex-direction:column;gap:1rem;margin-bottom:2.5rem;height:30%}.upload-dropzone{position:relative;border:2px dashed var(--muted);background:var(--surface);padding:2rem;border-radius:12px;text-align:center;cursor:pointer;transition:.2s ease}.upload-dropzone:hover{border-color:var(--accent-warn);background:var(--card-bg)}.upload-dropzone.has-file{border-color:var(--success);background:var(--card-bg)}.upload-icon{font-size:2.5rem;display:block;margin-bottom:.5rem}.upload-text{font-size:.9rem;color:var(--muted);line-height:1.4}.upload-file-name{font-size:1rem;color:var(--accent-strong);font-weight:600}.upload-change-text{display:block;margin-top:.3rem;font-size:.8rem;color:var(--muted)}.upload-file-input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.upload-select{background:var(--card-bg);border:1px solid var(--border);color:var(--text);padding:.75rem 1rem;border-radius:10px;font-size:.95rem;outline:none;transition:.2s ease}.upload-select:hover,.upload-select:focus{border-color:var(--accent-strong)}.upload-btn{background:var(--accent-strong);color:var(--button-text);font-weight:700;padding:.85rem 1.5rem;border-radius:50px;font-size:1rem;transition:.2s ease;text-align:center}.upload-btn:hover{background:var(--accent-strong)}.upload-message{margin-top:.5rem;color:var(--accent-strong);font-size:.9rem;font-weight:500}.upload-and-preview{display:flex;flex-direction:column;gap:2rem;justify-content:center;align-items:center;width:100%}@media (min-width: 768px){.upload-wrapper{flex-direction:row;align-items:center}.upload-dropzone{width:280px}.upload-select{width:220px}.upload-btn{width:160px}}#root{width:100%;max-height:100%;margin:0 auto;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:var(--muted)}button,.btn{background:var(--surface);color:var(--text);border:1.5px solid var(--border);border-radius:9999px;padding:.7em 2.2em;font-size:1.1em;font-weight:600;font-family:inherit;cursor:pointer;box-shadow:0 2px 8px #0002;transition:background .2s,color .2s,border .2s,box-shadow .2s;outline:none;margin:.2em .5em;display:inline-block}button:hover,.btn:hover{background:var(--button-bg);color:var(--button-text);border:1.5px solid var(--accent-strong);box-shadow:0 4px 24px #0003}button:active,.btn:active{background:var(--accent);color:var(--button-text);border:1.5px solid var(--accent-strong)}.hero-body{width:100%;height:100%}.hero{position:relative;width:100%;height:50%;min-width:300px;min-height:150px;max-width:700px;max-height:350px;background-color:var(--accent);display:flex;align-items:center;justify-content:center;flex-direction:row;border-top-left-radius:100vw;border-top-right-radius:100vw;border-bottom-left-radius:0;border-bottom-right-radius:0;margin:50px auto auto;overflow:hidden}h1{font-size:3rem;font-weight:700;margin-bottom:1rem;line-height:1.1;color:var(--hero-text)}.photo-hero{margin:16px;width:auto;height:100%;max-width:100%}#hero-image{width:auto;height:100%;max-width:100%;max-height:100%;transform:translate(-50%);object-fit:cover;z-index:1;margin-left:90%}:hover #hero-image{transform:scale(1.05) translate(-50%);transition:transform .3s ease-in-out;filter:brightness(.9)}.hero-overlay{position:absolute;top:0;left:0;width:50%;height:100%;background-color:#00000080;z-index:2}.hero-content{position:relative;z-index:inherit;text-align:center;color:var(--hero-text);padding:0 1rem;max-width:auto;width:100%}.hero-content h1{font-size:3rem;font-weight:700;margin-bottom:1rem;line-height:1.1}.hero-content h1 span{color:var(--accent-strong)}.hero-content p{font-size:1.25rem;color:var(--muted);max-width:600px;margin:0 auto}@media (max-width: 900px){.hero{flex-direction:column;padding:0 1vw;height:auto;min-height:70vh}.hero-content{max-width:95vw;padding:2rem .5rem}.hero-content h1{font-size:2.1rem}.hero-content p{font-size:1rem}#hero-image{width:auto;height:auto;max-width:100%;max-height:60vh;left:50%;top:0;transform:translate(-50%);object-fit:cover}}@media (max-width: 600px){.hero{padding:0;min-height:60vh}.hero-content{padding:1.2rem .2rem;z-index:inherit}.hero-content h1{font-size:1.3rem}.hero-content p{font-size:.95rem}#hero-image{width:auto;height:auto;left:50%;top:0;transform:translate(-50%);object-fit:cover}}.services-container{max-width:900px;margin:3rem auto 0;display:flex;flex-direction:column;align-items:center}.services-title{font-size:2rem;font-weight:700;margin-bottom:2rem;text-align:center}.services-list{display:flex;flex-direction:row;justify-content:center;gap:2rem;width:100%}.service-card{background:var(--card-bg);border-radius:16px;box-shadow:0 2px 16px #00000012;padding:2rem 1.5rem 1.5rem;display:flex;flex-direction:column;align-items:center;min-width:220px;max-width:300px;text-align:center;transition:box-shadow .2s}.service-card:hover{box-shadow:0 4px 24px #00000021}.service-card h2{font-size:1.2rem;font-weight:600;margin-bottom:1rem;color:var(--text)}.service-card p{color:var(--muted);font-size:1rem}@media (max-width: 900px){.services-list{flex-direction:column;align-items:center;gap:1.5rem}}@media (max-width: 600px){.services-container{padding:0 .5rem}.services-title{font-size:1.3rem;margin-bottom:1.2rem}.service-card{min-width:0;max-width:100%;padding:1.2rem .5rem 1rem}.service-card h2{font-size:1rem}.service-card p{font-size:.95rem}}.footer{background:var(--surface);color:var(--text);padding:2.5rem 0 1.2rem;margin-top:8rem;width:100%}.footer .container{display:flex;flex-direction:column;align-items:center;width:100%}.footer .footer-socials{display:flex;justify-content:center;gap:2rem;margin-bottom:1.2rem}.footer a{color:var(--text);font-size:2.1rem;transition:color .2s,transform .2s;display:flex;align-items:center;justify-content:center}.footer a:hover{color:var(--accent-strong);transform:scale(1.18)}.footer .text-sm{color:var(--muted);font-size:1rem;margin-top:.5rem;letter-spacing:.02em;text-align:center}#jokast{color:var(--text);font-weight:700;font-size:.8rem;text-decoration:none}#jokast:hover{color:var(--accent-strong);text-decoration:underline}@media (max-width: 600px){.footer .footer-socials{gap:1.2rem}.footer{padding:1.5rem 0 .7rem}.footer a{font-size:1.5rem}.footer .text-sm{font-size:.95rem}}.contact-container{max-width:480px;margin:3rem auto 0;background:var(--card-bg);border-radius:18px;box-shadow:0 2px 16px #00000012;padding:2.5rem 2rem 2rem;display:flex;flex-direction:column;align-items:center}.contact-title{font-size:2rem;font-weight:700;margin-bottom:1.5rem;text-align:center;color:var(--text)}.contact-form{width:100%;display:flex;flex-direction:column;gap:1.2rem}.contact-form label{font-weight:500;margin-bottom:.3rem;color:var(--text)}.contact-form input,.contact-form textarea{width:100%;border:1.5px solid var(--border);border-radius:8px;padding:auto;font-size:1rem;background:var(--surface);color:var(--text);transition:border-color .2s;outline:none}.contact-form input{height:35px}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--accent-strong);background:var(--button-bg)}.contact-form button{background:var(--accent-strong);color:var(--button-text);font-weight:600;padding:.7rem 2.2rem;border:none;border-radius:8px;cursor:pointer;transition:background .2s,color .2s;margin-top:.5rem}.contact-form button:hover{background:var(--surface);color:var(--accent-strong)}@media (max-width: 600px){.contact-container{padding:1.2rem .5rem}.contact-title{font-size:1.3rem}}