@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Caveat:wght@600;700&family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&family=Space+Mono:ital,wght@0,400;0,700;1,400&display=swap");:root{--bg-body:#f8f7f4;--bg-surface:#ffffff;--bg-card:#ffffff;--bg-dark:#0a0a0c;--bg-muted:#f0eee9;--bg-glass:rgba(248,247,244,0.85);--color-red:#e6281e;--color-red-hover:#cb1f16;--color-red-subtle:rgba(230,40,30,0.08);--color-red-glow:rgba(230,40,30,0.35);--text-main:#0c0c0e;--text-muted:#57575f;--text-light:#8e8e96;--text-inverse:#ffffff;--text-red:#e6281e;--border-subtle:#e5e3dd;--border-strong:#0c0c0e;--border-red:#e6281e;--font-display:"Bebas Neue",-apple-system,sans-serif;--font-body:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"Space Mono",monospace;--font-script:"Caveat",cursive;--radius-none:0px;--radius-xs:4px;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-full:9999px;--transition-fast:0.15s cubic-bezier(0.16,1,0.3,1);--transition-normal:0.25s cubic-bezier(0.16,1,0.3,1);--transition-slow:0.5s cubic-bezier(0.16,1,0.3,1);--shadow-card:0 4px 20px rgba(0,0,0,0.04);--shadow-hover:0 16px 36px rgba(0,0,0,0.08);--shadow-red:0 8px 24px rgba(230,40,30,0.28)}[data-theme=dark]{--bg-body:#0a0a0c;--bg-surface:#121216;--bg-card:#15151a;--bg-dark:#050507;--bg-muted:#1a1a22;--bg-glass:rgba(10,10,12,0.85);--color-red:#ff3333;--color-red-hover:#e62020;--color-red-subtle:rgba(255,51,51,0.12);--color-red-glow:rgba(255,51,51,0.45);--text-main:#f5f5f7;--text-muted:#a1a1aa;--text-light:#71717a;--text-inverse:#0a0a0c;--text-red:#ff3333;--border-subtle:#24242e;--border-strong:#ffffff;--border-red:#ff3333;--shadow-card:0 4px 20px rgba(0,0,0,0.3);--shadow-hover:0 16px 36px rgba(0,0,0,0.5)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:80px;font-size:16px}body{background-color:var(--bg-body);color:var(--text-main);font-family:var(--font-body);line-height:1.5;overflow-x:hidden;position:relative;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-normal),color var(--transition-normal)}.font-display{font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;line-height:.9}.font-mono{font-family:var(--font-mono)}.font-script{font-family:var(--font-script)}.container{width:100%;max-width:1240px;margin:0 auto;padding:0 1.5rem}@media (max-width:768px){.container{padding:0 1.15rem}}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background-color:var(--color-red);color:#ffffff;font-family:var(--font-display);font-size:1.15rem;letter-spacing:.05em;padding:.65rem 1.6rem;border-radius:var(--radius-xs);border:none;cursor:pointer;text-decoration:none;transition:transform var(--transition-fast),background-color var(--transition-fast),box-shadow var(--transition-fast);white-space:nowrap}.btn-primary:hover{background-color:var(--color-red-hover);transform:translateY(-2px);box-shadow:var(--shadow-red)}.btn-primary:active{transform:translateY(0)}.btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:transparent;color:var(--text-main);border:1px solid var(--text-main);font-family:var(--font-display);font-size:1.1rem;letter-spacing:.05em;padding:.6rem 1.5rem;border-radius:var(--radius-xs);cursor:pointer;text-decoration:none;transition:all var(--transition-fast)}.btn-outline:hover{background-color:var(--text-main);color:var(--bg-body)}.btn-circle-arrow{display:inline-flex;align-items:center;gap:.85rem;text-decoration:none;color:var(--text-main);font-family:var(--font-display);font-size:1.1rem;letter-spacing:.05em;cursor:pointer;background:none;border:none;transition:transform var(--transition-fast)}.circle-icon{width:44px;height:44px;border-radius:50%;background-color:var(--color-red);color:#ffffff;display:flex;align-items:center;justify-content:center;transition:transform var(--transition-normal),background-color var(--transition-normal)}.btn-circle-arrow:hover .circle-icon{transform:scale(1.1) rotate(45deg);background-color:var(--color-red-hover)}@keyframes spinBadge{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.rotating-badge-wrapper{position:absolute;width:140px;height:140px;border-radius:50%;background:#ffffff;box-shadow:0 8px 30px rgba(0,0,0,.12);display:flex;align-items:center;justify-content:center;z-index:10;cursor:pointer;transition:transform var(--transition-normal)}.rotating-badge-wrapper:hover{transform:scale(1.08)}.rotating-text-svg{position:absolute;inset:0;width:100%;height:100%;animation:spinBadge 18s linear infinite;transform-origin:center center}.rotating-badge-wrapper:hover .rotating-text-svg{animation-play-state:paused}.rotating-badge-center{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-family:var(--font-display);font-size:.95rem;line-height:1;color:var(--text-main);z-index:2}.rotating-badge-center .freelance-red{color:var(--color-red);font-size:1rem}.hero-huge-title{font-family:var(--font-display);font-size:clamp(5.5rem,12vw,10.5rem);line-height:.82;letter-spacing:-.01em;color:var(--text-main);margin-bottom:1.5rem}.hero-asterisk{color:var(--color-red);display:inline-block;transform:translateY(-.1em)}.hero-subtitle-bold{font-family:var(--font-display);font-size:clamp(1.4rem,2.5vw,2.2rem);line-height:1.1;letter-spacing:.02em;margin-bottom:.85rem}.hero-paragraph{font-size:1.05rem;color:var(--text-muted);max-width:440px;line-height:1.6;margin-bottom:2rem}.stats-bar-full{background-color:var(--bg-dark);color:#ffffff;width:100%;padding:2.5rem 0;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1.5rem;gap:1.5rem;align-items:center}.stat-item{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative}.stat-item:not(:last-child):after{content:"";position:absolute;right:-.75rem;top:15%;height:70%;width:1px;background-color:rgba(255,255,255,.15)}.stat-number{font-size:clamp(2.8rem,5vw,4.5rem);color:var(--color-red);line-height:.9;margin-bottom:.35rem}.stat-label,.stat-number{font-family:var(--font-display)}.stat-label{font-size:.95rem;letter-spacing:.08em;color:#ffffff;max-width:140px;line-height:1.15}@media (max-width:768px){.stats-grid{grid-template-columns:repeat(2,1fr);row-gap:2rem}.stat-item:nth-child(2):after{display:none}}.project-card{position:relative;background-color:var(--bg-card);border-radius:var(--radius-xs);overflow:hidden;border:1px solid var(--border-subtle);transition:transform var(--transition-normal),box-shadow var(--transition-normal);cursor:pointer}.project-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-hover)}.project-img-wrapper{position:relative;width:100%;height:380px;overflow:hidden;background-color:#0c0c0e}.project-img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.project-card:hover .project-img{transform:scale(1.05)}.project-card-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.85));display:flex;flex-direction:column;justify-content:flex-end;padding:1.5rem;color:#ffffff}.project-title-huge{font-family:var(--font-display);font-size:2.2rem;line-height:.9;letter-spacing:.02em;margin-bottom:.25rem}.services-layout-grid{display:grid;grid-template-columns:320px 1fr;grid-gap:1.5rem;gap:1.5rem;align-items:stretch}@media (max-width:900px){.services-layout-grid{grid-template-columns:1fr}}.service-red-card{background-color:var(--color-red);color:#0c0c0e;padding:2.5rem 2rem;border-radius:var(--radius-xs);display:flex;flex-direction:column;justify-content:space-between;min-height:360px;position:relative;overflow:hidden;box-shadow:var(--shadow-red)}.service-red-card-title{font-family:var(--font-display);font-size:clamp(3rem,5vw,4.5rem);line-height:.85;color:#0c0c0e}.service-card-item{background-color:var(--bg-surface);border:1px solid var(--border-subtle);padding:2rem 1.75rem;border-radius:var(--radius-xs);display:flex;gap:1.25rem;transition:all var(--transition-normal);position:relative}.service-card-item:hover{border-color:var(--color-red);transform:translateY(-4px);box-shadow:var(--shadow-hover)}.service-icon-circle{width:54px;height:54px;border-radius:50%;border:1.5px solid var(--color-red);color:var(--color-red);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition-fast)}.service-card-item:hover .service-icon-circle{background-color:var(--color-red);color:#ffffff}.service-item-title{font-family:var(--font-display);font-size:1.4rem;line-height:1;letter-spacing:.03em;margin-bottom:.5rem;color:var(--text-main)}.service-item-desc{font-size:.92rem;color:var(--text-muted);line-height:1.5}.skill-bar-track{width:100%;height:6px;background-color:var(--border-subtle);border-radius:9999px;overflow:hidden;position:relative}.skill-bar-fill{height:100%;background-color:var(--color-red);border-radius:9999px;transition:width 1.2s cubic-bezier(.16,1,.3,1)}@keyframes marqueeScroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.marquee-container{display:flex;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-mask-image:linear-gradient(90deg,transparent,black 15%,black 85%,transparent);mask-image:linear-gradient(90deg,transparent,black 15%,black 85%,transparent)}.marquee-content{display:flex;align-items:center;gap:4rem;animation:marqueeScroll 25s linear infinite;white-space:nowrap}.marquee-container:hover .marquee-content{animation-play-state:paused}.footer-cta-card{background-color:var(--color-red);color:#ffffff;padding:4rem 3rem;border-radius:var(--radius-xs);display:flex;align-items:center;justify-content:space-between;gap:2rem;box-shadow:var(--shadow-red)}@media (max-width:768px){.footer-cta-card{flex-direction:column;align-items:flex-start;padding:2.5rem 1.75rem}}.footer-cta-title{font-family:var(--font-display);font-size:clamp(2.5rem,6vw,4.8rem);line-height:.88;letter-spacing:.01em;max-width:650px}.footer-circle-button{width:90px;height:90px;border-radius:50%;background-color:#ffffff;color:#0c0c0e;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;flex-shrink:0;transition:transform var(--transition-normal),box-shadow var(--transition-normal);text-decoration:none}.footer-circle-button:hover{transform:scale(1.12) rotate(45deg);box-shadow:0 10px 30px rgba(0,0,0,.25)}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.75);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1.5rem;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content-box{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xs);width:100%;max-width:750px;max-height:90vh;overflow-y:auto;padding:2.5rem;position:relative;box-shadow:0 25px 60px rgba(0,0,0,.35);animation:scaleUp .25s cubic-bezier(.16,1,.3,1)}@keyframes scaleUp{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:var(--bg-body)}::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-red)}